:root{
/* --- primitives: cyan/teal ramp --- */
--teal-100:#e6f7fb;
--teal-200:#a9e3ef;
--teal-300:#6ecfe4;
--teal-400:#33b1d0;
--teal-500:#238fab;
--teal-600:#166d85;
--teal-700:#0b5374;
--teal-800:#083a52;
--teal-900:#052030;

/* --- primitives: orange/red ramp --- */
--orange-300:#f3946f;
--orange-400:#e7532d;
--orange-500:#d4441f;
--red-400:#e43f3f;
--red-500:#c62e2e;
--red-600:#a12222;

/* --- neutrals: near-black studio backdrop --- */
--ink-950:#0a0d10;
--ink-900:#10151a;
--ink-800:#171d24;
--ink-700:#232b34;
--ink-600:#3a4550;
--ink-500:#5c6874;
--ink-400:#8893a0;
--ink-300:#b6bfc8;
--ink-200:#dde1e6;
--ink-100:#eef1f3;
--white:#ffffff;

/* --- semantic: surfaces --- */
--surface-canvas:var(--ink-950);
--surface-raised:var(--ink-900);
--surface-card:var(--ink-800);
--surface-card-hover:var(--ink-700);
--surface-inverse:var(--white);
--surface-overlay:rgba(10,13,16,0.72);

/* --- semantic: text --- */
--text-primary:var(--ink-100);
--text-secondary:var(--ink-300);
--text-muted:var(--ink-500);
--text-on-accent:var(--white);
--text-inverse:var(--ink-950);
--text-link:var(--teal-300);
--text-link-hover:var(--teal-200);

/* --- semantic: brand + actions --- */
--brand-primary:var(--teal-400);
--brand-primary-hover:var(--teal-300);
--brand-primary-active:var(--teal-500);
--brand-deep:var(--teal-700);
--accent-heat:var(--orange-400);
--accent-heat-hover:var(--orange-300);
--accent-alert:var(--red-400);

/* --- semantic: borders --- */
--border-subtle:rgba(255,255,255,0.08);
--border-default:rgba(255,255,255,0.14);
--border-strong:rgba(255,255,255,0.24);
--border-focus:var(--teal-300);

/* --- signature gradients --- */
--gradient-motion:linear-gradient(120deg,var(--teal-400) 0%,var(--teal-700) 100%);
--gradient-heat:linear-gradient(120deg,var(--orange-400) 0%,var(--red-400) 100%);
--gradient-reel:linear-gradient(135deg,var(--teal-400) 0%,var(--teal-700) 55%,var(--red-400) 130%);
--gradient-scrim:linear-gradient(180deg,rgba(10,13,16,0) 0%,rgba(10,13,16,0.92) 100%); /* @kind color */
}