:root{
/* Brand — sampled directly from the Swimsuit Dryer logo */
--brand-blue:#198dc8;
--brand-navy:#000036;
--brand-sky:#66cdf1;

/* Blue ramp, built around --brand-blue */
--blue-50:#eef8fd;
--blue-100:#d4eefa;
--blue-200:#a8ddf5;
--blue-300:#66cdf1;
--blue-400:#3aacdd;
--blue-500:#198dc8;
--blue-600:#1273a6;
--blue-700:#0d5880;
--blue-800:#093c59;
--blue-900:#052435;

/* Navy ramp — headings, footers, deep water grounds */
--navy-500:#2a2f66;
--navy-600:#1b2050;
--navy-700:#0f1340;
--navy-800:#070a2b;
--navy-900:#000036;

/* Neutrals — cool-tinted greys, never pure black for text */
--grey-0:#ffffff;
--grey-25:#f7fafc;
--grey-50:#eff3f6;
--grey-100:#e2e8ed;
--grey-200:#cbd4dc;
--grey-300:#a7b3bd;
--grey-400:#7d8a95;
--grey-500:#5b6670;
--grey-600:#414a52;
--grey-700:#2c3238;
--grey-900:#16191c;

/* Product finishes — the 9 housing colours the dryer ships in */
--finish-blauw:#1479bf;
--finish-geel:#f5bd1f;
--finish-grijs:#b9bcbe;
--finish-graniet:#5e5c58;
--finish-rose:#e9427f;
--finish-lila:#ded9e8;
--finish-rood:#e8352c;
--finish-zandsteen:#d9a878;
--finish-witmarmer:#e9e9ea;

/* Semantic — text */
--text-heading:var(--navy-900);
--text-body:var(--grey-600);
--text-muted:var(--grey-400);
--text-accent:var(--blue-500);
--text-on-dark:#ffffff;
--text-on-dark-muted:rgba(255,255,255,.78);
--text-on-accent:#ffffff;
--text-link:var(--blue-600);
--text-link-hover:var(--navy-900);

/* Semantic — surfaces */
--surface-page:#ffffff;
--surface-subtle:var(--grey-25);
--surface-card:#ffffff;
--surface-accent:var(--blue-500);
--surface-accent-soft:var(--blue-50);
--surface-deep:var(--navy-900);
--surface-glass:rgba(255,255,255,.12);

/* Semantic — lines */
--border-subtle:var(--grey-100);
--border-default:var(--grey-200);
--border-strong:var(--grey-300);
--border-accent:var(--blue-500);
--border-on-dark:rgba(255,255,255,.32);

/* Status */
--status-success:#1f9d55;
--status-warning:#c67a05;
--status-danger:#cf2f24;
--status-info:var(--blue-500);
--status-success-soft:#e8f6ee;
--status-warning-soft:#fdf3e0;
--status-danger-soft:#fdeceb;
--status-info-soft:var(--blue-50);

/* Water gradients + photo washes */
--gradient-water:linear-gradient(135deg,#66cdf1 0%,#198dc8 55%,#0d5880 100%); /* @kind color */
--gradient-deep:linear-gradient(180deg,#0d5880 0%,#000036 100%); /* @kind color */
--gradient-hero-scrim:linear-gradient(90deg,rgba(0,0,54,.86) 0%,rgba(0,0,54,.55) 48%,rgba(0,0,54,0) 78%); /* @kind color */
--gradient-photo-scrim:linear-gradient(180deg,rgba(0,0,54,0) 0%,rgba(0,0,54,.72) 100%); /* @kind color */
}