/* Earnivo Design Tokens
   Palette: ink navy base, amber (coins) + mint (credit) accents, coral (debit/alert)
   Type: Space Grotesk (display) / Inter (body) / IBM Plex Mono (amounts, ids) */

:root{
  --font-display:'Space Grotesk', system-ui, sans-serif;
  --font-body:'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-pill:999px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px; --space-9:56px;

  --shadow-sm:0 1px 2px rgba(16,21,31,.06), 0 1px 1px rgba(16,21,31,.04);
  --shadow-md:0 8px 24px -8px rgba(16,21,31,.18);
  --shadow-lg:0 20px 48px -16px rgba(16,21,31,.28);

  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-fast:120ms; --dur-med:220ms;

  --accent-amber:#F2B84B;
  --accent-amber-ink:#8A5A00;
  --accent-mint:#34D399;
  --accent-mint-ink:#0B6B4F;
  --accent-coral:#F0576B;
  --accent-coral-ink:#8E1F30;
  --accent-violet:#8B7CF6;

  /* light theme */
  --bg:#F6F7FA;
  --surface:#FFFFFF;
  --surface-2:#F0F2F6;
  --surface-glass:rgba(255,255,255,.66);
  --border:rgba(16,21,31,.08);
  --text:#10151F;
  --text-muted:#5B6472;
  --text-faint:#8B93A1;
  --overlay:rgba(10,14,22,.45);
}

[data-theme="dark"]{
  --bg:#0B0F16;
  --surface:#141B27;
  --surface-2:#1B2432;
  --surface-glass:rgba(20,27,39,.62);
  --border:rgba(255,255,255,.08);
  --text:#EDF0F5;
  --text-muted:#9AA4B2;
  --text-faint:#69707D;
  --overlay:rgba(0,0,0,.6);
  --shadow-md:0 8px 28px -8px rgba(0,0,0,.5);
  --shadow-lg:0 24px 56px -16px rgba(0,0,0,.6);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B0F16; --surface:#141B27; --surface-2:#1B2432;
    --surface-glass:rgba(20,27,39,.62); --border:rgba(255,255,255,.08);
    --text:#EDF0F5; --text-muted:#9AA4B2; --text-faint:#69707D;
    --overlay:rgba(0,0,0,.6);
  }
}