/* Generated by scripts/design-tokens.py. Edit design-system/gitcodar/tokens.json. */
:root {
  color-scheme: light;
  --gc-bg: #f8fafb;
  --gc-panel: #ffffff;
  --gc-raised: #eef2f6;
  --gc-text: #182333;
  --gc-muted: #526174;
  --gc-blue: #2457d6;
  --gc-accent: #2457d6;
  --gc-accent-hover: #1c45ad;
  --gc-accent-ink: #ffffff;
  --gc-line: #d8e0e8;
  --gc-control-line: #78869a;
  --gc-focus: #2457d6;
  --gc-success: #08754e;
  --gc-danger: #b72b43;
  --gc-warning: #855700;
  --gc-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --gc-font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --gc-type-xs: .75rem;
  --gc-type-sm: .875rem;
  --gc-type-body: 1rem;
  --gc-type-lead: 1.125rem;
  --gc-type-h3: 1.25rem;
  --gc-type-h2: 1.75rem;
  --gc-type-display: clamp(2.5rem, 5vw, 4.5rem);
  --gc-space-1: .25rem;
  --gc-space-2: .5rem;
  --gc-space-3: .75rem;
  --gc-space-4: 1rem;
  --gc-space-5: 1.25rem;
  --gc-space-6: 1.5rem;
  --gc-space-8: 2rem;
  --gc-space-10: 2.5rem;
  --gc-space-12: 3rem;
  --gc-space-16: 4rem;
  --gc-space-20: 5rem;
  --gc-radius-small: .5rem;
  --gc-radius-control: .625rem;
  --gc-radius-card: .875rem;
  --gc-radius-large: 1.25rem;
  --gc-motion-fast: 120ms;
  --gc-motion-normal: 180ms;
  --gc-motion-curve: cubic-bezier(0.2, 0, 0, 1);
  --gc-size-target: 2.75rem;
  --gc-size-container: 90rem;
  --gc-size-reading: 72ch;
  --gc-shadow-subtle: 0 2px 6px #10182808;
  --gc-shadow-overlay: 0 12px 32px #10182824;
  --gc-font: var(--gc-font-sans); --gc-mono: var(--gc-font-mono);
  --gc-radius: var(--gc-radius-card); --gc-radius-sm: var(--gc-radius-control);
  --gc-space: var(--gc-space-5);
  --bg: var(--gc-bg); --bg2: var(--gc-panel); --bgc: var(--gc-panel); --bgh: var(--gc-raised);
  --bd: var(--gc-line); --bdl: var(--gc-control-line); --t: var(--gc-text);
  --t2: var(--gc-muted); --tm: var(--gc-muted); --green: var(--gc-accent);
  --green-d: var(--gc-accent-hover); --blue: var(--gc-blue); --teal: var(--gc-blue);
  --purple: var(--gc-blue); --red: var(--gc-danger); --orange: var(--gc-warning);
  --green-bg: var(--gc-raised); --blue-bg: var(--gc-raised); --red-bg: var(--gc-raised);
  --orange-bg: var(--gc-raised); --fm: var(--gc-mono); --fa: var(--gc-font);
  --r: var(--gc-radius-control); --rl: var(--gc-radius-card);
  --tr: var(--gc-motion-fast) var(--gc-motion-curve);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --gc-bg: #10151e;
  --gc-panel: #171e29;
  --gc-raised: #202a37;
  --gc-text: #edf2f8;
  --gc-muted: #b2bfce;
  --gc-blue: #94b8ff;
  --gc-accent: #94b8ff;
  --gc-accent-hover: #b2ccff;
  --gc-accent-ink: #0d1a35;
  --gc-line: #364355;
  --gc-control-line: #8090a5;
  --gc-focus: #94b8ff;
  --gc-success: #7bdcb4;
  --gc-danger: #ff9eae;
  --gc-warning: #f3cb7b;
}