:root{
/* --- Dusk ramp: the night-city sky the brand lives in --- */
--dusk-950:#0B0A1E;--dusk-900:#12112E;--dusk-850:#181848;--dusk-800:#1D1A44;--dusk-700:#2A2160;
--dusk-600:#3C2A78;--dusk-500:#523491;--dusk-400:#6E4BA8;--dusk-300:#8F6DBE;--dusk-200:#B79BD0;
--dusk-100:#D6C6E6;--dusk-050:#EFE8F5;
/* --- Orchid: the mauve mid-tone of the reference illustrations --- */
--orchid-700:#7A4E86;--orchid-600:#906090;--orchid-500:#A878A8;--orchid-400:#C090A8;--orchid-300:#D890C0;
/* --- Ember: the warm lit-window / molten glow accent --- */
--ember-700:#B8431F;--ember-600:#E8763C;--ember-500:#F59B4B;--ember-400:#FFB765;--ember-300:#FFD3A0;
/* --- Rose: secondary warm, used for tints and quiet highlights --- */
--rose-500:#D890A8;--rose-400:#E8AEBE;--rose-300:#F5D3DC;
/* --- Ice: cool cascade/water highlight, used for links and focus --- */
--ice-500:#6FC8E8;--ice-400:#9BDDF2;--ice-300:#CFEFF9;
/* --- Neutrals (warm-cooled, never pure grey) --- */
--ink-950:#0B0A1E;--ink-800:#241F3A;--ink-600:#4A4463;--ink-400:#7C7691;--ink-300:#A9A4BB;
--ink-200:#D3D0DC;--ink-100:#EBE9F1;--ink-050:#F7F6FA;--white:#FFFFFF;
/* --- Semantic: dark is the primary theme --- */
--surface-page:var(--dusk-950);--surface-raised:var(--dusk-900);--surface-card:rgba(255,255,255,.055);
--surface-card-hover:rgba(255,255,255,.09);--surface-inset:rgba(11,10,30,.55);
--surface-scrim:rgba(11,10,30,.72);--surface-light:var(--ink-050);
--text-strong:var(--white);--text-body:rgba(255,255,255,.80);--text-muted:rgba(255,255,255,.56);
--text-faint:rgba(255,255,255,.36);--text-on-light:var(--ink-950);--text-body-on-light:var(--ink-600);
--border-hairline:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28);
--border-on-light:var(--ink-200);
--accent:var(--ember-500);--accent-hover:var(--ember-400);--accent-press:var(--ember-600);
--accent-quiet:rgba(245,155,75,.14);--accent-text:var(--ember-400);
--link:var(--ice-400);--link-hover:var(--ice-300);
--focus-ring:var(--ice-500);
--success:#57C08A;--success-quiet:rgba(87,192,138,.16);
--warning:var(--ember-500);--warning-quiet:rgba(245,155,75,.16);
--danger:#E85C6A;--danger-quiet:rgba(232,92,106,.16);
--info:var(--ice-500);--info-quiet:rgba(111,200,232,.16);
/* --- Signature gradients --- */
--grad-dusk:linear-gradient(180deg,#1D1A44 0%,#12112E 55%,#0B0A1E 100%); /* @kind color */
--grad-horizon:linear-gradient(180deg,#B79BD0 0%,#A878A8 34%,#D890A8 62%,#F59B4B 100%); /* @kind color */
--grad-ember:linear-gradient(135deg,#F59B4B 0%,#E8763C 100%); /* @kind color */
--grad-glow:radial-gradient(60% 60% at 50% 100%,rgba(245,155,75,.45) 0%,rgba(245,155,75,0) 100%); /* @kind color */
--grad-scrim-b:linear-gradient(180deg,rgba(11,10,30,0) 0%,rgba(11,10,30,.85) 100%); /* @kind color */
--grad-scrim-t:linear-gradient(180deg,rgba(11,10,30,.85) 0%,rgba(11,10,30,0) 100%); /* @kind color */
}
:root[data-theme="light"]{
--surface-page:var(--ink-050);--surface-raised:var(--white);--surface-card:var(--white);
--surface-card-hover:var(--ink-050);--surface-inset:var(--ink-100);
--text-strong:var(--ink-950);--text-body:var(--ink-600);--text-muted:var(--ink-400);--text-faint:var(--ink-300);
--border-hairline:var(--ink-200);--border-strong:var(--ink-300);
--link:var(--dusk-500);--link-hover:var(--dusk-400);--accent-text:var(--ember-700);
}