/* CompIntel tokens — graphite ground, one signal colour, hairline grid.
   Light is the default declaration; dark is applied by prefers-color-scheme and by [data-theme]. */
:root {
  color-scheme: light dark;

  /* ground + sheet */
  --ink-0: #E8EBEF;      /* page ground (cool grey, never cream) */
  --ink-1: #FFFFFF;      /* the sheet */
  --ink-2: #F3F5F8;      /* raised / inset */
  --ink-3: #DFE4EA;      /* table zebra, track */
  --line-1: #D5DAE1;     /* hairline */
  --line-2: #BFC7D0;     /* stronger rule */
  --line-3: #8E99A4;     /* input border on focus-adjacent */

  --text-1: #10151A;
  --text-2: #515B66;
  --text-3: #5E6773;

  --signal: #B02D0C;     /* live / active / published */
  --signal-ink: #FFFFFF;
  --signal-wash: rgba(176, 45, 12, 0.07);
  --signal-rule: rgba(176, 45, 12, 0.42);
  --steel: #3B5D80;      /* channel codes */
  --steel-wash: rgba(59, 93, 128, 0.10);
  --good: #146B4A;
  --warn: #8A5A00;

  --grid-line: rgba(16, 21, 26, 0.045);

  /* type */
  --display: 'Geologica', 'Hanken Grotesk', system-ui, sans-serif;
  --ui: 'Hanken Grotesk', system-ui, -apple-system, Segoe UI, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --t-11: 0.6875rem;   /* 11px — stamps, codes */
  --t-13: 0.8125rem;   /* 13px — UI base, dense tables */
  --t-15: 0.9375rem;   /* 15px — prose */
  --t-18: 1.125rem;    /* 18px — lede, section heads */
  --t-28: 1.75rem;     /* 28px — page titles */
  --t-44: 2.75rem;     /* 44px — report title */
  --t-60: 3.75rem;     /* 60px — poster moment */

  /* space — 4px base */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 112px;

  --rail: 56px;
  --topbar: 56px;
  --measure: 42rem;      /* 672px ≈ 68 characters */
  --radius: 3px;
  --radius-lg: 4px;

  --shadow-1: 0 1px 0 rgba(16, 21, 26, 0.04), 0 1px 2px rgba(16, 21, 26, 0.06);
  --shadow-2: 0 -1px 0 rgba(255, 255, 255, 0.6) inset, 0 10px 30px -10px rgba(16, 21, 26, 0.22);
  --shadow-3: 0 24px 70px -18px rgba(16, 21, 26, 0.38);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --fast: 120ms;
  --med: 180ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink-0: #090B0D;
    --ink-1: #101316;
    --ink-2: #161A1E;
    --ink-3: #1C2126;
    --line-1: #242A30;
    --line-2: #333A42;
    --line-3: #4A535C;

    --text-1: #E9ECEF;
    --text-2: #A2ABB4;
    --text-3: #828C96;

    --signal: #FF6038;
    --signal-ink: #140703;
    --signal-wash: rgba(255, 96, 56, 0.13);
    --signal-rule: rgba(255, 96, 56, 0.48);
    --steel: #85AACB;
    --steel-wash: rgba(133, 170, 203, 0.12);
    --good: #4FC08D;
    --warn: #D8A33A;

    --grid-line: rgba(255, 255, 255, 0.035);

    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-2: 0 -1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 34px -12px rgba(0, 0, 0, 0.7);
    --shadow-3: 0 28px 80px -20px rgba(0, 0, 0, 0.8);
  }
}

:root[data-theme="dark"] {
  --ink-0: #090B0D;
  --ink-1: #101316;
  --ink-2: #161A1E;
  --ink-3: #1C2126;
  --line-1: #242A30;
  --line-2: #333A42;
  --line-3: #4A535C;
  --text-1: #E9ECEF;
  --text-2: #A2ABB4;
  --text-3: #828C96;
  --signal: #FF6038;
  --signal-ink: #140703;
  --signal-wash: rgba(255, 96, 56, 0.13);
  --signal-rule: rgba(255, 96, 56, 0.48);
  --steel: #85AACB;
  --steel-wash: rgba(133, 170, 203, 0.12);
  --good: #4FC08D;
  --warn: #D8A33A;
  --grid-line: rgba(255, 255, 255, 0.035);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 -1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 34px -12px rgba(0, 0, 0, 0.7);
  --shadow-3: 0 28px 80px -20px rgba(0, 0, 0, 0.8);
}