/* Talsara — color tokens. Pastel aurora spectrum + warm ink neutrals. One colour = one meaning. */
:root{
/* Ink & paper (neutrals, warm) */
--ink-900:#1C1A1F;--ink-800:#2B2830;--ink-700:#34303A;--ink-600:#5B5660;--ink-500:#77717C;--ink-400:#9A949E;--ink-300:#BFB9C2;
--paper-0:#FFFFFF;--paper-50:#FCFAF7;--paper-100:#F6F1EA;--paper-page:#F6F1EA;--paper-200:#ECE6DE;--paper-300:#DFD7CD;
/* Dawn neutrals (dark mood) */
--dawn-950:#121119;--dawn-900:#1A1824;--dawn-800:#24212F;--dawn-700:#322E3F;--dawn-text-2:#DCD6E0;
/* Aurora spectrum — gradient stops only, never type or status */
--aurora-butter:#FFE6A1;--aurora-apricot:#FFC59B;--aurora-peach:#FFD6C2;--aurora-coral:#FFAE98;--aurora-rose:#F5B1C9;--aurora-orchid:#E3B8E8;--aurora-lilac:#CFC3F3;--aurora-sky:#B9D7F4;--aurora-mint:#BDEBD9;--aurora-sea:#9FD3D6;--aurora-mist:#DCE7EE;
/* The one accent — links and the single primary action on paper. Use sparingly. */
--accent:#7A4A86;--accent-on-dark:#E3B8E8;
/* Usual-range signal (shape carries meaning; never red/green) */
--signal-within:rgba(28,26,31,.42);--signal-outside:#1C1A1F;--signal-band:rgba(28,26,31,.22);--signal-dot:#1C1A1F;
/* Glass — floating layer only */
--glass-fill:rgba(255,255,255,.38);--glass-fill-strong:rgba(255,255,255,.56);--glass-stroke:rgba(255,255,255,.65);--glass-ink-fill:rgba(28,26,31,.06);
/* Semantic aliases */
--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-tertiary:var(--ink-600);--text-inverse:var(--paper-50);--text-link:var(--accent);
--surface-page:var(--paper-50);--surface-raised:var(--paper-0);--surface-sunken:var(--paper-100);--surface-glass:var(--glass-fill);
--border-subtle:rgba(28,26,31,.08);--border-default:rgba(28,26,31,.14);--border-strong:rgba(28,26,31,.28);
--action-primary-bg:var(--ink-900);--action-primary-fg:var(--paper-50);--action-primary-bg-hover:var(--ink-700);
--focus-ring:rgba(122,74,134,.55);
}
/* Dark — the "dawn" mood for landing page and app */
[data-theme="dark"]{
--text-primary:var(--paper-50);--text-secondary:var(--dawn-text-2);--text-tertiary:#B4ADBA;--text-inverse:var(--ink-900);--text-link:var(--accent-on-dark);
--surface-page:var(--dawn-950);--surface-raised:var(--dawn-800);--surface-sunken:var(--dawn-900);
--glass-fill:rgba(255,255,255,.10);--glass-fill-strong:rgba(255,255,255,.16);--glass-stroke:rgba(255,255,255,.20);--surface-glass:var(--glass-fill);
--border-subtle:rgba(255,255,255,.08);--border-default:rgba(255,255,255,.16);--border-strong:rgba(255,255,255,.32);
--action-primary-bg:var(--paper-50);--action-primary-fg:var(--ink-900);--action-primary-bg-hover:#E9E4EC;
--signal-band:rgba(255,255,255,.26);--signal-dot:var(--paper-50);--signal-outside:var(--paper-50);--signal-within:rgba(255,255,255,.5);
--focus-ring:rgba(227,184,232,.7);
}
/* Increased contrast — explicit opt-in or system preference */
[data-contrast="more"]{--text-secondary:var(--text-primary);--text-tertiary:var(--ink-700);--glass-fill:rgba(255,255,255,.78);--glass-fill-strong:rgba(255,255,255,.88);--glass-stroke:rgba(28,26,31,.4);--border-subtle:rgba(28,26,31,.24);--border-default:rgba(28,26,31,.4);--border-strong:rgba(28,26,31,.7);--signal-band:rgba(28,26,31,.36);}
[data-theme="dark"][data-contrast="more"]{--text-secondary:var(--paper-50);--text-tertiary:var(--dawn-text-2);--glass-fill:rgba(18,17,25,.82);--glass-fill-strong:rgba(18,17,25,.9);--glass-stroke:rgba(255,255,255,.5);--border-subtle:rgba(255,255,255,.28);--border-default:rgba(255,255,255,.45);--border-strong:rgba(255,255,255,.75);--signal-band:rgba(255,255,255,.4);}
@media (prefers-contrast: more){:root{--text-secondary:var(--ink-900);--glass-fill:rgba(255,255,255,.78);--glass-fill-strong:rgba(255,255,255,.88);--border-default:rgba(28,26,31,.4);}}
