/* GitHub (Primer) colour tokens — light and dark. */
:root {
  --canvas: #ffffff;
  --canvas-subtle: #f6f8fa;
  --canvas-inset: #f6f8fa;
  --border: #d1d9e0;
  --border-muted: #d8dee4;
  --fg: #1f2328;
  --fg-muted: #59636e;
  --fg-subtle: #818b98;
  --accent-fg: #0969da;
  --accent-emphasis: #0969da;
  --accent-subtle: #ddf4ff;
  --success-fg: #1a7f37;
  --success-emphasis: #1f883d;
  --danger-fg: #cf222e;
  --attention-subtle: #fff8c5;
  --btn-bg: #f6f8fa;
  --btn-hover: #eef1f4;
  --shadow: 0 1px 0 rgba(31, 35, 40, 0.04);
  --shadow-lg: 0 8px 24px rgba(66, 74, 83, 0.12);
  --radius: 6px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #0d1117;
    --canvas-subtle: #151b23;
    --canvas-inset: #010409;
    --border: #3d444d;
    --border-muted: #2a313c;
    --fg: #f0f6fc;
    --fg-muted: #9198a1;
    --fg-subtle: #6e7681;
    --accent-fg: #4493f8;
    --accent-emphasis: #1f6feb;
    --accent-subtle: #121d2f;
    --success-fg: #3fb950;
    --success-emphasis: #238636;
    --danger-fg: #f85149;
    --attention-subtle: #272115;
    --btn-bg: #21262d;
    --btn-hover: #30363d;
    --shadow: 0 0 transparent;
    --shadow-lg: 0 8px 24px rgba(1, 4, 9, 0.8);
  }
}

/* Explicit override for the in-app theme toggle. */
:root[data-theme='light'] {
  --canvas: #ffffff; --canvas-subtle: #f6f8fa; --canvas-inset: #f6f8fa;
  --border: #d1d9e0; --border-muted: #d8dee4;
  --fg: #1f2328; --fg-muted: #59636e; --fg-subtle: #818b98;
  --accent-fg: #0969da; --accent-emphasis: #0969da; --accent-subtle: #ddf4ff;
  --success-fg: #1a7f37; --success-emphasis: #1f883d; --danger-fg: #cf222e;
  --attention-subtle: #fff8c5;
  --btn-bg: #f6f8fa; --btn-hover: #eef1f4;
  --shadow: 0 1px 0 rgba(31, 35, 40, 0.04);
  --shadow-lg: 0 8px 24px rgba(66, 74, 83, 0.12);
}
:root[data-theme='dark'] {
  --canvas: #0d1117; --canvas-subtle: #151b23; --canvas-inset: #010409;
  --border: #3d444d; --border-muted: #2a313c;
  --fg: #f0f6fc; --fg-muted: #9198a1; --fg-subtle: #6e7681;
  --accent-fg: #4493f8; --accent-emphasis: #1f6feb; --accent-subtle: #121d2f;
  --success-fg: #3fb950; --success-emphasis: #238636; --danger-fg: #f85149;
  --attention-subtle: #272115;
  --btn-bg: #21262d; --btn-hover: #30363d;
  --shadow: 0 0 transparent;
  --shadow-lg: 0 8px 24px rgba(1, 4, 9, 0.8);
}