/* tokens.css v1.0.0 */

/* ===== FM Suite Design Tokens: Charcoal & Peach =====
   Warm bone background, hairline borders, one peach accent,
   green and red used strictly for gain and loss direction. */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  color-scheme: light;
  --ink: oklch(21% .006 110);
  --ink2: oklch(29% .008 110);
  --ink3: oklch(38% .008 110);
  --paper: oklch(97.5% .006 95);
  --bg: oklch(99.6% .003 95);
  --bg2: oklch(96% .007 95);
  --bg3: oklch(92.5% .009 95);
  --bor: oklch(91% .008 95);
  --bor2: oklch(83% .01 95);
  --text: oklch(21% .006 110);
  --text2: oklch(42% .01 110);
  --text3: oklch(50% .01 110);
  --peach: oklch(80% .11 72);
  --peach2: oklch(72% .12 68);
  --peachbg: oklch(94.5% .04 78);
  --G: oklch(48% .13 150);
  --Gbg: oklch(95.5% .04 150);
  --Gbr: oklch(85% .07 150);
  --R: oklch(48% .16 27);
  --Rbg: oklch(95.5% .03 27);
  --Rbr: oklch(84% .07 27);
  --A: oklch(46% .09 70);
  --Abg: oklch(95.5% .05 85);
  --Abr: oklch(84% .09 80);
  --B: oklch(42% .10 250);
  --Bbg: oklch(95.5% .02 250);
  --Bbr: oklch(84% .05 250);
  --P: oklch(42% .12 300);
  --Pbg: oklch(95.5% .03 300);
  --Pbr: oklch(84% .06 300);
  --on-ink: oklch(97.5% .006 95);
  --hero-bor: transparent;
  --acc: var(--ink);
  --r: 10px;
  --rl: 16px;
  --sbw: 0px;
  --sh: 0 1px 2px oklch(21% .006 110 / .06), 0 8px 24px -16px oklch(21% .006 110 / .18);
  --ff: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --serif-num: "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 14px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: oklch(13% .006 110);
  --ink2: oklch(23% .008 110);
  --ink3: oklch(32% .008 110);
  --paper: oklch(17.5% .006 110);
  --bg: oklch(22% .007 110);
  --bg2: oklch(26% .008 110);
  --bg3: oklch(31% .009 110);
  --bor: oklch(30% .008 110);
  --bor2: oklch(39% .01 110);
  --text: oklch(94% .006 95);
  --text2: oklch(78% .008 95);
  --text3: oklch(70% .008 95);
  --peachbg: oklch(28% .035 75);
  --G: oklch(78% .14 150);
  --Gbg: oklch(28% .05 150);
  --Gbr: oklch(40% .08 150);
  --R: oklch(77% .13 27);
  --Rbg: oklch(28% .05 27);
  --Rbr: oklch(41% .09 27);
  --A: oklch(82% .10 80);
  --Abg: oklch(29% .045 80);
  --Abr: oklch(44% .08 75);
  --B: oklch(80% .08 250);
  --Bbg: oklch(28% .03 250);
  --Bbr: oklch(42% .06 250);
  --P: oklch(80% .09 300);
  --Pbg: oklch(28% .04 300);
  --Pbr: oklch(42% .07 300);
  --on-ink: oklch(96% .006 95);
  --hero-bor: var(--bor);
  --sh: 0 1px 2px oklch(0% 0 0 / .4);
}

:root[data-theme="light"] {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink: oklch(13% .006 110);
    --ink2: oklch(23% .008 110);
    --ink3: oklch(32% .008 110);
    --paper: oklch(17.5% .006 110);
    --bg: oklch(22% .007 110);
    --bg2: oklch(26% .008 110);
    --bg3: oklch(31% .009 110);
    --bor: oklch(30% .008 110);
    --bor2: oklch(39% .01 110);
    --text: oklch(94% .006 95);
    --text2: oklch(78% .008 95);
    --text3: oklch(70% .008 95);
    --peachbg: oklch(28% .035 75);
    --G: oklch(78% .14 150);
    --Gbg: oklch(28% .05 150);
    --Gbr: oklch(40% .08 150);
    --R: oklch(77% .13 27);
    --Rbg: oklch(28% .05 27);
    --Rbr: oklch(41% .09 27);
    --A: oklch(82% .10 80);
    --Abg: oklch(29% .045 80);
    --Abr: oklch(44% .08 75);
    --B: oklch(80% .08 250);
    --Bbg: oklch(28% .03 250);
    --Bbr: oklch(42% .06 250);
    --P: oklch(80% .09 300);
    --Pbg: oklch(28% .04 300);
    --Pbr: oklch(42% .07 300);
    --on-ink: oklch(96% .006 95);
    --hero-bor: var(--bor);
    --sh: 0 1px 2px oklch(0% 0 0 / .4);
  }
}