:root {
  /* 508 Compliant Colors — WCAG AA minimum 4.5:1 contrast ratio */
  --color-bg: #ffffff;
  --color-bg-secondary: #f6f8fa;
  --color-bg-tertiary: #eaeef2;
  --color-text: #1f2328;
  --color-text-muted: #59636e;
  --color-text-link: #0969da;
  --color-border: #d1d9e0;
  --color-border-strong: #8b949e;

  /* Status colors — all meet 4.5:1 on white */
  --color-success: #1a7f37;
  --color-warning: #9a6700;
  --color-error: #cf222e;
  --color-info: #0969da;
  --color-accent: #6639ba;

  /* Badge backgrounds (with dark text) */
  --badge-success-bg: #dafbe1;
  --badge-success-text: #1a7f37;
  --badge-warning-bg: #fff8c5;
  --badge-warning-text: #6a5300;
  --badge-error-bg: #ffebe9;
  --badge-error-text: #cf222e;
  --badge-accent-bg: #e8e0f4;
  --badge-accent-text: #6639ba;
  --badge-default-bg: #eaeef2;
  --badge-default-text: #59636e;

  /* Typography — minimum 16px body, 1.5 line height */
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --line-height: 1.5;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Borders */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Focus — visible 2px outline for keyboard navigation */
  --focus-ring: 2px solid #0969da;
  --focus-offset: 2px;
}

/* Dark mode override */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0d1117;
    --color-bg-secondary: #161b22;
    --color-bg-tertiary: #21262d;
    --color-text: #e6edf3;
    --color-text-muted: #8b949e;
    --color-text-link: #58a6ff;
    --color-border: #30363d;
    --color-border-strong: #484f58;
    --color-success: #3fb950;
    --color-warning: #d29922;
    --color-error: #f85149;
    --color-info: #58a6ff;
    --color-accent: #bc8cff;
    --badge-success-bg: #1a3a2a;
    --badge-success-text: #3fb950;
    --badge-warning-bg: #3d2e00;
    --badge-warning-text: #d29922;
    --badge-error-bg: #3d1418;
    --badge-error-text: #f85149;
    --badge-accent-bg: #2a1f3d;
    --badge-accent-text: #bc8cff;
    --badge-default-bg: #21262d;
    --badge-default-text: #8b949e;
  }
}