/* GoldBot design tokens (command center v2).
   Near-black layered neutrals, one restrained gold accent (brand, focus, the selected item), status colours used
   for operational state and decision state only. Profit and loss are never coloured good or bad: a sign and a
   label carry the meaning. Dark is the default; light is available from the theme toggle. */
:root {
  --font-sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* type scale: nothing operational below 12px; 11px is reserved for chart axes */
  --fs-axis: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-hero: 34px;
  --lh: 1.45;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 10px;
  --sidebar-w: 232px;
  --rail-w: 64px;
  --topbar-h: 56px;
  --drawer-w: 760px;
  --row-h: 36px;
  --row-h-dense: 32px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 160ms;
}

:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #08090b;
  --bg-rail: #0b0d10;
  --surface: #0f1216;
  --surface-2: #13171c;
  --surface-3: #191e25;
  --surface-hover: #1b2129;
  --line: #222932;
  --line-soft: #191e25;
  --line-strong: #2e3743;
  --text: #eceef1;
  --text-2: #aab2bd;
  --text-3: #858e9a;
  --accent: #d8b463;
  --accent-strong: #e8c77c;
  --accent-soft: rgba(216, 180, 99, 0.12);
  --accent-line: rgba(216, 180, 99, 0.38);
  --info: #74aee9;
  --info-soft: rgba(116, 174, 233, 0.13);
  --ok: #52c28f;
  --ok-soft: rgba(82, 194, 143, 0.13);
  --warn: #e6ad48;
  --warn-soft: rgba(230, 173, 72, 0.14);
  --crit: #f0705f;
  --crit-soft: rgba(240, 112, 95, 0.14);
  --neutral-soft: rgba(170, 178, 189, 0.1);
  /* decision states */
  --wait: #9aa6b6;
  --wait-soft: rgba(154, 166, 182, 0.13);
  --accept: var(--ok);
  --accept-soft: var(--ok-soft);
  --reject: var(--crit);
  --reject-soft: var(--crit-soft);
  /* charts */
  --candle-up: #c3ced9;
  --candle-down: #5d6c7e;
  --chart-line: #a9bfd6;
  --chart-area: rgba(169, 191, 214, 0.1);
  --chart-dd: rgba(170, 178, 189, 0.2);
  --chart-grid: #161b21;
  --chart-cross: #5a6573;
  --vwap-line: var(--accent);
  --shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.02) inset;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f4f6;
  --bg-rail: #eceef1;
  --surface: #ffffff;
  --surface-2: #f8f9fa;
  --surface-3: #f1f3f5;
  --surface-hover: #eef0f3;
  --line: #dfe3e8;
  --line-soft: #eaedf0;
  --line-strong: #c9cfd6;
  --text: #14171b;
  --text-2: #4a525c;
  --text-3: #66707b;
  --accent: #85621a;
  --accent-strong: #7a5814;
  --accent-soft: rgba(143, 106, 30, 0.1);
  --accent-line: rgba(143, 106, 30, 0.4);
  --info: #2f62a0;
  --info-soft: rgba(47, 98, 160, 0.09);
  --ok: #1f7a4e;
  --ok-soft: rgba(31, 122, 78, 0.09);
  --warn: #8e5f0c;
  --warn-soft: rgba(142, 95, 12, 0.1);
  --crit: #b23a2d;
  --crit-soft: rgba(178, 58, 45, 0.09);
  --neutral-soft: rgba(74, 82, 92, 0.07);
  --wait: #56606d;
  --wait-soft: rgba(86, 96, 109, 0.1);
  --candle-up: #5f6f82;
  --candle-down: #1f2833;
  --chart-line: #3f5d7e;
  --chart-area: rgba(63, 93, 126, 0.08);
  --chart-dd: rgba(74, 82, 92, 0.16);
  --chart-grid: #eef0f3;
  --chart-cross: #9aa3ae;
  --vwap-line: var(--accent);
  --shadow: 0 16px 48px rgba(20, 24, 30, 0.16);
  --shadow-sm: none;
}