/* Imaging design system tokens. The ONLY file allowed to contain literal colours. */
:root {
  --page: #F7F8F6; --raised: #FFFFFF; --surface2: #F0F3F2; --ink: #172126; --ink2: #4B5A5E; --ink3: #667477;
  --line: #E1E6E4; --line2: #CDD6D3;
  --teal: #2C7A78; --teal2: #39938F; --tealsoft: #E5F1EF; --tealtext: #194D4B;
  --ok: #2E7D5B; --part: #C28A32; --bad: #B95656; --warn: #A66A3F;
  --ws: #11171A; --vp: #090D0F; --tool: #182125; --ws2: #202A2E; --wsline: #2B373A; --wstext: #F4F6F5; --wstext2: #AEBBB8;
  --sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --r-btn: 8px; --r-card: 12px; --r-mod: 14px; --r-panel: 12px; --shadow: 0 2px 8px rgba(20,35,40,.05);
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s6: 48px; --s8: 64px;
  --t-page: 34px; --t-section: 24px; --t-card: 18px; --t-body: 15px; --t-support: 13px; --t-meta: 11px;
}

/* Derived tokens (additive; used so component CSS never needs a literal colour). */
:root {
  --on-accent: #FFFFFF;
  --subtle: #FBFCFB;
  --assist3: #B9C6C3;
  --scan: rgba(255,255,255,.04);
  /* workspace-only neutrals */
  --wsline2: #3A4649; --wsmute: #829390; --wstool: #9FB0AD; --ws-ok: #5FB48C; --ws-bad: #C87A7A; --ws-warn: #BF8256;
  --sel-ws: rgba(57,147,143,.16); --chip-sel-text: #CDEBE8;
  --ann-fill: rgba(57,147,143,.10);
  --prov-text: #C9D3D1; --prov-sim: #9FC3C1; --prov-sim-line: #2F5856; --prov-bg: rgba(9,13,15,.6);
  --meta-ov: #8FA09D; --sentence-em: #8ED0CB; --sentence-line: #4D8C88;
  --pin-bg: var(--wstext); --pin-ink: var(--ws);

  /* Environment-semantic variables: light learning environment is the default;
     workspace.css overrides them for .ws and restores them for .ws-panel.light. */
  --c-text: var(--ink); --c-text2: var(--ink2); --c-text3: var(--ink3);
  --c-line: var(--line2); --c-btn-line: var(--line2); --c-div: var(--line);
  --c-sel-bg: var(--tealsoft); --c-sel-line: var(--teal2); --c-sel-text: var(--tealtext);
  --c-link: var(--teal); --c-surface: var(--surface2);
  --c-ok: var(--ok); --c-part: var(--part); --c-bad: var(--bad); --c-warn: var(--warn);
}
