/* x2 tokens. Dark is the default theme; light under [data-theme="light"].
   Same token contract as x1 (see shells/x1/tokens.css for the full list and the contrast rule). */

:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080d13; --bg-alt: #0b121a; --surface: #0f1822; --surface-2: #142030; --surface-3: #1b2a3d;
  --line: #223244; --line-2: #36506a; --thead-bg: #142030; --hdr-bg: rgba(8, 13, 19, .86); --row-hover: #142030;
  --text: #e9eff5; --text-2: #bccad8; --text-3: #a1b2c3; --focus: #9bd8ff; --field-line: #6f87a0;
  --accent: #62cdf2; --accent-hover: #8ad9f5; --accent-ink: #04151d; --accent-soft: #0f2a38; --accent-text: #62cdf2; --link: #7fd6f5;
  --pot: #b9a3f7; --pot-soft: #231d3c; --pot-text: #c9b8fa;
  --ver: #62cdf2; --ver-soft: #0f2a38; --ver-text: #7fd6f5;
  --col: #58d6a0; --col-soft: #0f2f23; --col-text: #6fe0b0;
  --good: #58d6a0; --good-soft: #0f2f23; --good-text: #6fe0b0;
  --warn: #f2a63b; --warn-soft: #2e2210; --warn-text: #f5b95e; --warn-line: #a8721f;
  --bad: #ff8e86; --bad-soft: #3a1a1c; --bad-text: #ffa7a0;
  --info: #7fb2e8; --info-soft: #13273b; --info-text: #9cc6f0;
  --c1: #62cdf2; --c2: #f2a63b; --c3: #b9a3f7; --c4: #cdd8e3; --c5: #58d6a0;
  --radius-sm: 6px; --radius: 10px; --radius-lg: 16px;
  --shadow-1: 0 0 0 1px rgba(98, 205, 242, .03);
  --shadow-2: 0 24px 60px -24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(98, 205, 242, .06);
  --cta-bg: #0e2230; --cta-line: #1f3f55; --page-head-bg: transparent;
  --hero-glow: radial-gradient(60% 50% at 70% 0%, rgba(58, 167, 211, .20), transparent 70%), radial-gradient(40% 40% at 10% 10%, rgba(242, 166, 59, .08), transparent 70%);
  --grid-line: rgba(120, 160, 200, .07);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --heading-weight: 650; --heading-tracking: -0.025em; --eyebrow-font: "JetBrains Mono", ui-monospace, monospace;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6f8; --bg-alt: #eaeef2; --surface: #ffffff; --surface-2: #f1f4f7; --surface-3: #e3e9ef;
  --line: #d3dbe3; --line-2: #aebccb; --thead-bg: #eef2f6; --hdr-bg: rgba(244, 246, 248, .88); --row-hover: #f1f4f7;
  --text: #0b1722; --text-2: #34475a; --text-3: #4c5f71; --focus: #0b5cd5; --field-line: #6f8296;
  --accent: #0a6290; --accent-hover: #08507a; --accent-ink: #ffffff; --accent-soft: #e2eef5; --accent-text: #0a6290; --link: #0a6290;
  --pot: #6b4bb8; --pot-soft: #ece7f8; --pot-text: #5a3da4;
  --ver: #0a6290; --ver-soft: #e2eef5; --ver-text: #0a6290;
  --col: #0c6b47; --col-soft: #dff1e8; --col-text: #0c6b47;
  --good: #0c6b47; --good-soft: #e3f4ec; --good-text: #0c6b47;
  --warn: #b8560b; --warn-soft: #fbeedd; --warn-text: #8a4000; --warn-line: #b8560b;
  --bad: #b3261e; --bad-soft: #fbe9e7; --bad-text: #a01d16;
  --info: #1f5f99; --info-soft: #e3eef9; --info-text: #1b568c;
  --c1: #0a6290; --c2: #a34a07; --c3: #6b4bb8; --c4: #55626f; --c5: #0c6b47;
  --shadow-1: 0 1px 2px rgba(20, 40, 60, .06);
  --shadow-2: 0 1px 2px rgba(20, 40, 60, .06), 0 12px 32px -16px rgba(20, 40, 60, .22);
  --cta-bg: #e2eef5; --cta-line: #bcd4e4;
  --hero-glow: none; --grid-line: transparent;
}

html:root { --container: 1360px; }