:root {
  color-scheme: light dark;

  --background:         light-dark(oklch(0.992 0.003 85), oklch(0.178 0.008 72));
  --foreground:         light-dark(oklch(0.235 0.012 70), oklch(0.955 0.006 85));
  --card:               light-dark(oklch(1 0.001 85),     oklch(0.214 0.009 72));
  --secondary:          light-dark(oklch(0.962 0.006 80), oklch(0.246 0.009 72));
  --muted:              light-dark(oklch(0.962 0.006 80), oklch(0.246 0.009 72));
  --muted-foreground:   light-dark(oklch(0.52 0.012 68),  oklch(0.71 0.014 76));
  --accent:             light-dark(oklch(0.95 0.012 78),  oklch(0.268 0.012 74));

  --sunken:             light-dark(oklch(0.972 0.006 80), oklch(0.208 0.009 72));

  --primary:            light-dark(oklch(0.7 0.142 64),   oklch(0.8 0.132 78));
  --primary-foreground: light-dark(oklch(0.99 0.01 85),   oklch(0.2 0.02 70));
  --primary-hover:      light-dark(oklch(0.645 0.142 62), oklch(0.86 0.118 80));

  --border:             light-dark(oklch(0.9 0.006 80),   rgba(255, 255, 255, 0.08));
  --border-soft:        light-dark(oklch(0.945 0.005 80), rgba(255, 255, 255, 0.045));
  --border-strong:      light-dark(oklch(0.84 0.008 78),  rgba(255, 255, 255, 0.14));
  --rule-ink:           light-dark(
                          color-mix(in oklab, var(--foreground) 62%, transparent),
                          color-mix(in oklab, var(--foreground) 34%, transparent));

  --font-sans:    Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-display: Fraunces, ui-serif, Georgia, serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --label-size:    0.6875rem;
  --label-track:   0.13em;

  --radius:   0.75rem;
  --radius-s: 3px;
  --gut:      2rem;
  --max:      1240px;
  --rail:     9.5rem;
  --rail-gap: 2.5rem;
  --measure:  62ch;

  --cap-gap:  0.25rem;
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }