/* KitchiKame app tokens — ported verbatim from the KK-APP design spec.
   The spec ships an explicit dark palette (--dbg/--dsu/--dtx/--djade/--dbo/--dmut),
   used here as the dark theme's surface colours. */

:root {
  --jade:    #177E63;
  --jade-d:  #0E5B47;
  --jade-ink:#1F4A3C;
  --jade-sub:#3D6355;
  --ink:     #1A1B1E;
  --khadi:   #F4F2EC;
  --steam:   #E7E2D6;
  --moss:    #E3F1E9;
  --moss-br: #C8DFD2;
  --genda:   #F2A93B;
  --mirchi:  #D9482B;
  --mirchi-ink:#8F3421;
  --neel:    #2F3B77;
  --card:    #FBFAF6;
  --mut:     #6E6A5E;
  --mut2:    #8A8578;
  --sand:    #C9C4B4;
  --hover:   #EFEBDF;

  --genda-a16: rgba(242, 169, 59, .16);
  --genda-a18: rgba(242, 169, 59, .18);
  --mirchi-a08: rgba(217, 72, 43, .08);
  --mirchi-a35: rgba(217, 72, 43, .35);
  --jade-a10: rgba(23, 126, 99, .10);
  --dots: rgba(26, 27, 30, .05);

  --gro:  'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --in:   'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mo:   'Space Mono', ui-monospace, Consolas, monospace;
  --hand: 'Caveat', cursive;

  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --tabbar-h: 58px;

  color-scheme: light;
}

/* Spec dark palette. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink:     #F3EFE7;
    --khadi:   #121316;
    --card:    #1B1D21;
    --steam:   #2A2D33;
    --sand:    #3A3E45;
    --mut:     #A39E90;
    --mut2:    #8A8578;
    --hover:   #24272C;
    --jade:    #2FA184;
    --jade-d:  #47B89A;
    --jade-ink:#BFE6D7;
    --jade-sub:#9FD3C0;
    --moss:    #14322A;
    --moss-br: #1E4A3C;
    --mirchi:  #E8674B;
    --mirchi-ink:#F0A392;
    --genda:   #F2B45B;
    --neel:    #7C89D6;
    --dots:    rgba(243, 239, 231, .05);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ink:     #F3EFE7;
  --khadi:   #121316;
  --card:    #1B1D21;
  --steam:   #2A2D33;
  --sand:    #3A3E45;
  --mut:     #A39E90;
  --mut2:    #8A8578;
  --hover:   #24272C;
  --jade:    #2FA184;
  --jade-d:  #47B89A;
  --jade-ink:#BFE6D7;
  --jade-sub:#9FD3C0;
  --moss:    #14322A;
  --moss-br: #1E4A3C;
  --mirchi:  #E8674B;
  --mirchi-ink:#F0A392;
  --genda:   #F2B45B;
  --neel:    #7C89D6;
  --dots:    rgba(243, 239, 231, .05);
  color-scheme: dark;
}