/* MarketOS design tokens — Fanout Design System.
   The only file in the product permitted to contain a hex literal.
   Every other file references these by var(). */

/* @tokens dark */
:root {
  --bg: #111213;
  --surface: #191a1c;
  --surface-2: #151617;
  --surface-3: #242527;
  --line: #2a2b2e;
  --line-soft: #202123;
  --line-strong: #36373b;
  --border-strong: #4c4e54;

  --ink: #f2f4f7;
  --ink-dim: #a9b0ba;
  --ink-inv: #111315;
  --muted: #747d89;
  --faint: #4c4e54;

  --signal: #2f7cf6;
  --signal-bg: #2f7cf61a;
  --signal-text: #ffffff;
  --math-blue: #2e80d9;
  --math-blue-bg: #2e80d91a;

  --pos: #2ab673;
  --pos-bg: #2ab6731a;
  --neg: #e4402c;
  --neg-bg: #e4402c1a;
  --flat: #747d89;

  --fact: #747d89;
  --interp: #6e56cf;
  --interp-bg: #6e56cf1a;

  --ok: #2ab673;
  --warn: #e8822a;
  --warn-bg: #e8822a1a;
  --bad: #e4402c;
  --bad-bg: #e4402c1a;
  --info: #2f7cf6;
  --neutral: #747d89;

  --chart-grid: #202123;
  --chart-axis: #36373b;
  --chart-label: #747d89;
  --chart-value: #f2f4f7;

  --e-1: 0 1px 2px #00000057, 0 0 0 1px #ffffff06;
  --e-2: 0 1px 2px #00000061, 0 4px 10px #00000029, 0 0 0 1px #ffffff06;
  --shadow-focus: 0 0 0 3px #2f7cf640;
}

/* @tokens light-auto */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f7f7f8;
    --surface: #ffffff;
    --surface-2: #fafafa;
    --surface-3: #f0f0f2;
    --line: #e8e8ea;
    --line-soft: #f4f4f5;
    --line-strong: #dedee2;
    --border-strong: #c9c9cf;

    --ink: #1d1d1d;
    --ink-dim: #272727;
    --ink-inv: #ffffff;
    --muted: #6e6e6e;
    --faint: #929292;

    --signal: #2f7cf6;
    --signal-bg: #ebf3ff;
    --signal-text: #ffffff;
    --math-blue: #2e80d9;
    --math-blue-bg: #eef8fe;

    --pos: #2ab673;
    --pos-bg: #eaf8f1;
    --neg: #e4402c;
    --neg-bg: #fceceb;
    --flat: #6e6e6e;

    --fact: #6e6e6e;
    --interp: #6e56cf;
    --interp-bg: #f1f0fc;

    --ok: #2ab673;
    --warn: #e8822a;
    --warn-bg: #fdf2ea;
    --bad: #e4402c;
    --bad-bg: #fceceb;
    --info: #2f7cf6;
    --neutral: #6e6e6e;

    --chart-grid: #f4f4f5;
    --chart-axis: #dedee2;
    --chart-label: #6e6e6e;
    --chart-value: #272727;

    --e-1: 0 1px 2px #3b3b3b17, 0 8px 18px #2b2b2b0a, inset 0 -1px #dedee2;
    --e-2: 0 2px 4px #0000000a, 0 12px 28px #00000014;
    --shadow-focus: 0 0 0 3px #2f7cf640;
  }
}

/* @tokens light-explicit */
:root[data-theme="light"] {
    --bg: #f7f7f8;
    --surface: #ffffff;
    --surface-2: #fafafa;
    --surface-3: #f0f0f2;
    --line: #e8e8ea;
    --line-soft: #f4f4f5;
    --line-strong: #dedee2;
    --border-strong: #c9c9cf;

    --ink: #1d1d1d;
    --ink-dim: #272727;
    --ink-inv: #ffffff;
    --muted: #6e6e6e;
    --faint: #929292;

    --signal: #2f7cf6;
    --signal-bg: #ebf3ff;
    --signal-text: #ffffff;
    --math-blue: #2e80d9;
    --math-blue-bg: #eef8fe;

    --pos: #2ab673;
    --pos-bg: #eaf8f1;
    --neg: #e4402c;
    --neg-bg: #fceceb;
    --flat: #6e6e6e;

    --fact: #6e6e6e;
    --interp: #6e56cf;
    --interp-bg: #f1f0fc;

    --ok: #2ab673;
    --warn: #e8822a;
    --warn-bg: #fdf2ea;
    --bad: #e4402c;
    --bad-bg: #fceceb;
    --info: #2f7cf6;
    --neutral: #6e6e6e;

    --chart-grid: #f4f4f5;
    --chart-axis: #dedee2;
    --chart-label: #6e6e6e;
    --chart-value: #272727;

    --e-1: 0 1px 2px #3b3b3b17, 0 8px 18px #2b2b2b0a, inset 0 -1px #dedee2;
    --e-2: 0 2px 4px #0000000a, 0 12px 28px #00000014;
    --shadow-focus: 0 0 0 3px #2f7cf640;
}

/* @tokens end */
/* Theme-independent primitives. Not part of either palette block. */
:root {
  --sans: "Overused Grotesk", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-14: 56px;
  --s-16: 64px;
  --s-18: 72px;
  --s-20: 80px;

  --r-badge: 2px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-button: 7px;
  --r: 8px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-book-card: 14px;
  --r-xl: 16px;
  --r-full: 999px;
  --r-pill: 9999px;

  --e-0: none;

  --bd: 1px solid var(--line);
  --bd-soft: 1px solid var(--line-soft);
  --bd-strong: 1px solid var(--line-strong);

  --header-h: 64px;
  --sidebar-w: 248px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --dur-fast: 120ms;
  --dur: 160ms;
}