:root {
  color-scheme: light;

  /* Adapted from the public visual system of iamjiteshtiwari.in.
     Kept local to this repository; no live stylesheet dependency. */
  --color-page: #ffffff;
  --color-header-bg: #eff6ff;
  --color-surface: #f3f8ff;
  --color-surface-soft: #dbeafe;
  --color-text: #102a43;
  --color-text-muted: #486581;
  --color-text-subtle: #627d98;
  --color-border: #c9d8ea;
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-soft: #dbeafe;
  --color-brand: #0971f4;
  --color-success: #18794e;

  --shadow-card: 0 4px 14px rgb(15 23 42 / 6%);
  --shadow-panel: 0 8px 24px rgb(15 23 42 / 8%);

  --radius-small: 0.375rem;
  --radius-medium: 0.75rem;
  --radius-large: 1rem;

  --content-width: 72rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-title: clamp(2.25rem, 8vw, 3.5rem);
  --line-height-body: 1.6;
}