/* KitchiKame design tokens — ported verbatim from the KK-ADMIN Ops Console design spec. */
:root {
  /* Brand */
  --jade:   #177E63;
  --jade-d: #0E5B47;
  --jade-ink:#1F4A3C;
  --jade-sub:#2C5A49;
  --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;
  --body:   #4A473E;
  --nav-ink:#3A382F;
  --hover:  #EFEBDF;
  --chrome: #F0ECE1;

  /* Alpha derivations used by the spec */
  --mirchi-a35: rgba(217, 72, 43, .35);
  --mirchi-a40: rgba(217, 72, 43, .40);
  --mirchi-a50: rgba(217, 72, 43, .50);
  --mirchi-a05: rgba(217, 72, 43, .05);
  --genda-a35:  rgba(242, 169, 59, .35);
  --genda-a12:  rgba(242, 169, 59, .12);
  --neel-a30:   rgba(47, 59, 119, .30);
  --neel-a08:   rgba(47, 59, 119, .08);
  --jade-a30:   rgba(23, 126, 99, .30);
  --jade-a08:   rgba(23, 126, 99, .08);

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

  /* Geometry */
  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 14px;
  --nav-w: 248px;
  --topbar-h: 64px;

  /* Elevation */
  --shadow-pop: 0 18px 40px -22px rgba(26, 27, 30, .45);
}

/* The spec is a warm light surface by design. Dark mode keeps the same hues,
   lifted off a deep ink ground so the console stays legible at night. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink:    #F2F0E9;
    --khadi:  #16171A;
    --card:   #1D1F22;
    --steam:  #2E3135;
    --sand:   #3C4046;
    --mut:    #A9A498;
    --mut2:   #8A8578;
    --body:   #C9C4B4;
    --nav-ink:#D7D3C7;
    --hover:  #26292D;
    --chrome: #202226;
    --moss:   #14322A;
    --moss-br:#1E4A3C;
    --jade:   #3FA98A;
    --jade-d: #64C4A6;
    --jade-ink:#BFE6D7;
    --jade-sub:#9FD3C0;
    --mirchi: #E8674B;
    --mirchi-ink:#F0A392;
    --genda:  #F2B45B;
    --neel:   #7C89D6;
  }
}
:root[data-theme="dark"] {
  --ink:    #F2F0E9;
  --khadi:  #16171A;
  --card:   #1D1F22;
  --steam:  #2E3135;
  --sand:   #3C4046;
  --mut:    #A9A498;
  --mut2:   #8A8578;
  --body:   #C9C4B4;
  --nav-ink:#D7D3C7;
  --hover:  #26292D;
  --chrome: #202226;
  --moss:   #14322A;
  --moss-br:#1E4A3C;
  --jade:   #3FA98A;
  --jade-d: #64C4A6;
  --jade-ink:#BFE6D7;
  --jade-sub:#9FD3C0;
  --mirchi: #E8674B;
  --mirchi-ink:#F0A392;
  --genda:  #F2B45B;
  --neel:   #7C89D6;
}