/* Palmiye design tokens — single source of truth */ :root{ /* Navy */ --navy:#0E1A2B; --navy-2:#15263B; --navy-3:#1D3552; /* Ink + muted */ --ink:#16202E; --muted:#6B7689; --muted-2:#9AA3B2; /* Accent (Palmiye gold) */ --accent:#F2B100; --accent-2:#FFC94D; --accent-ink:#9C6A00; --accent-soft:rgba(242,177,0,.14); /* Surface */ --canvas:#F4F2ED; --card:#FFFFFF; --line:#E8E3DA; --line-2:#EFEBE3; /* Status */ --green:#1F9D6B; --green-soft:rgba(31,157,107,.12); --amber:#C98309; --amber-soft:rgba(201,131,9,.13); --red:#CF4A38; --red-soft:rgba(207,74,56,.12); --blue:#2E6BB0; --blue-soft:rgba(46,107,176,.12); --neutral:#6B7689; --neutral-soft:#F0EDE7; /* Radius */ --radius:14px; --radius-sm:10px; --radius-pill:20px; /* Shadow */ --shadow:0 1px 2px rgba(16,26,43,.04),0 8px 24px -12px rgba(16,26,43,.14); --shadow-lg:0 12px 40px -16px rgba(16,26,43,.28); --shadow-gold:0 8px 20px -8px rgba(242,177,0,.55); /* Type */ --font:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif; --display:'Outfit',ui-sans-serif,system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; /* Density (compact|regular|comfy) — set on via data-density */ --row-y:13px; --card-pad:20px; --content-pad:26px; --grid-gap:18px; } html[data-density="compact"]{ --row-y:9px; --card-pad:16px; --content-pad:22px; --grid-gap:14px; } html[data-density="comfy"]{ --row-y:17px; --card-pad:24px; --content-pad:32px; --grid-gap:22px; } /* Light/dark navy variant (sidebar mood) */ html[data-navy="midnight"]{ --navy:#0A1422; --navy-2:#11203B; --navy-3:#1A2F4D; } html[data-navy="slate"]{ --navy:#1B2A40; --navy-2:#243651; --navy-3:#314562; }