.theme-abyssal-lab {
  --base-font-size: 24px;
  --page-font-size: var(--base-font-size);

  --site-menu-font-family: var(--page-font-family);
  --site-menu-font-size: var(--font-size-sm);

  /* Tier 1: raw palette */
  --abyssal-lab-canvas: #000c18;
  --abyssal-lab-chrome: #001526;
  --abyssal-lab-card: #001c33;
  --abyssal-lab-well: #002442;
  --abyssal-lab-hover: #003158;
  --abyssal-lab-border-subtle: rgba(146, 210, 210, 0.12);
  --abyssal-lab-border-medium: rgba(146, 210, 210, 0.22);
  --abyssal-lab-border-active: rgba(0, 240, 255, 0.45);
  --abyssal-lab-border-control: rgba(146, 210, 210, 0.5);
  --abyssal-lab-text: #e2e8f0;
  --abyssal-lab-teal: #92d2d2;
  --abyssal-lab-cyan: #00f0ff;
  --abyssal-lab-positive: #22c55e;
  --abyssal-lab-deficit: #ef4444;
  --abyssal-lab-warning: #f59e0b;
  --abyssal-lab-info: #38bdf8;
  --abyssal-lab-neutral: #94a3b8;
  --abyssal-lab-display-font: "Alumni Sans", sans-serif;
  --abyssal-lab-body-font: "Inter", sans-serif;

  /* Tier 2: map onto the generic tokens components consume */
  --surface-canvas: var(--abyssal-lab-canvas);
  --surface-canvas-text: white;
  --surface-chrome: var(--abyssal-lab-chrome);
  --surface-chrome-text: #fff;
  --surface-panel: var(--abyssal-lab-card);
  --surface-panel-text: #f3f3f3;
  --surface-inset: var(--abyssal-lab-well);
  --surface-inset-text: #f3f3f3;
  --surface-punchout: var(--abyssal-lab-canvas);
  --surface-punchout-text: #f3f3f3;
  --surface-highlight: var(--abyssal-lab-hover);
  --surface-highlight-text: #fff;

  --text-primary: var(--abyssal-lab-text);
  --text-muted: var(--abyssal-lab-teal);
  --text-emphasis: #fff;

  --color-highlight: var(--abyssal-lab-cyan);

  --border-subtle: var(--abyssal-lab-border-subtle);
  --border-medium: var(--abyssal-lab-border-medium);
  --border-active: var(--abyssal-lab-border-active);
  --border-control: var(--abyssal-lab-border-control);

  --color-positive: var(--abyssal-lab-positive);
  --color-deficit: var(--abyssal-lab-deficit);
  --color-warning: var(--abyssal-lab-warning);
  --color-info: var(--abyssal-lab-info);
  --color-neutral: var(--abyssal-lab-neutral);

  --page-font-family: "Alumni Sans", sans-serif;

  /* Header */
  --site-name-font: var(--page-font-family);
  --site-name-size: var(--font-size-3xl);

  /* Tabs */
  --tab-background-color: var(--abyssal-lab-well);
  --tab-hover-background-color: var(--surface-highlight);
  --tab-text-color: var(--text-primary);
  --tab-underline-color: var(--text-emphasis);
}