:root {
  /* Field Station extensions: aliases the established site tokens. */
  --background: var(--paper);
  --foreground: var(--ink);
  --card: var(--surface);
  --card-foreground: var(--ink);
  --popover: var(--surface);
  --popover-foreground: var(--ink);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--accent-soft);
  --secondary-foreground: var(--ink);
  --muted: var(--accent-soft);
  --muted-foreground: var(--ink-soft);
  --accent-foreground: var(--accent-ink);
  --destructive: color-mix(in srgb, var(--accent) 68%, var(--ink));
  --destructive-foreground: var(--accent-ink);
  --border: var(--rule);
  --input: var(--rule);
  --ring: var(--accent);
  --chart-1: var(--accent);
  --chart-2: color-mix(in srgb, var(--accent) 72%, var(--ink-soft));
  --chart-3: color-mix(in srgb, var(--accent) 55%, var(--paper));
  --chart-4: color-mix(in srgb, var(--accent) 38%, var(--ink));
  --chart-5: color-mix(in srgb, var(--accent) 24%, var(--surface));
  --radius: var(--radius-lg);
  --sidebar: var(--surface);
  --sidebar-foreground: var(--ink);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--muted);
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);

  --font-heading: var(--font-serif);
  --ds-font-body: var(--font-sans);
  --ds-media-rule: var(--border);
  --ds-media-panel: var(--card);
  --ds-media-caption: var(--muted-foreground);
  --ds-media-gap: var(--space-5);
  --ds-media-radius: var(--radius-lg);
}

.dark {
  --background: var(--paper);
  --foreground: var(--ink);
  --card: var(--surface);
  --card-foreground: var(--ink);
  --popover: var(--surface);
  --popover-foreground: var(--ink);
  --primary: var(--accent);
  --primary-foreground: var(--accent-ink);
  --secondary: var(--accent-soft);
  --secondary-foreground: var(--ink);
  --muted: var(--accent-soft);
  --muted-foreground: var(--ink-soft);
  --accent-foreground: var(--accent-ink);
  --destructive: color-mix(in srgb, var(--accent) 68%, var(--ink));
  --destructive-foreground: var(--accent-ink);
  --border: var(--rule);
  --input: var(--rule);
  --ring: var(--accent);
  --chart-1: var(--accent);
  --chart-2: color-mix(in srgb, var(--accent) 72%, var(--ink-soft));
  --chart-3: color-mix(in srgb, var(--accent) 55%, var(--paper));
  --chart-4: color-mix(in srgb, var(--accent) 38%, var(--ink));
  --chart-5: color-mix(in srgb, var(--accent) 24%, var(--surface));
  --radius: var(--radius-lg);
  --sidebar: var(--surface);
  --sidebar-foreground: var(--ink);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--muted);
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
}