/* BEAMZ design system — dark color tokens. */
:root[data-theme="dark"],
[data-theme="dark"],
html.dark,
[data-md-color-scheme="slate"] {
  color-scheme: dark;

  --beamz-background: #000;
  --beamz-foreground: #f4f4f5;
  --beamz-card: #070707;
  --beamz-card-foreground: #f4f4f5;
  --beamz-popover: #0a0a0a;
  --beamz-popover-foreground: #f4f4f5;
  --beamz-primary: #fff;
  --beamz-primary-foreground: #000;
  --beamz-secondary: #151515;
  --beamz-secondary-foreground: #f4f4f5;
  --beamz-muted: #151515;
  --beamz-muted-translucent: rgb(255 255 255 / 6%);
  --beamz-muted-foreground: #a1a1aa;
  --beamz-accent: #1c1c1f;
  --beamz-accent-foreground: #fff;
  --beamz-border: #29292d;
  --beamz-border-strong: #3f3f46;
  --beamz-border-translucent: rgb(255 255 255 / 12%);
  --beamz-input: #29292d;
  --beamz-ring: #71717a;
  --beamz-code-background: #0b0b0d;
  --beamz-link: #f4f4f5;
  --beamz-link-hover: #fff;
  --beamz-shadow: rgb(0 0 0 / 45%);
  --beamz-header-background: rgb(0 0 0 / 72%);
  --beamz-inset-highlight: rgb(255 255 255 / 8%);
  --beamz-logo-filter: none;
  --beamz-destructive: #ef4444;
  --beamz-destructive-foreground: #fff;

  --beamz-sidebar: #050505;
  --beamz-sidebar-foreground: #f4f4f5;
  --beamz-sidebar-primary: #fff;
  --beamz-sidebar-primary-foreground: #000;
  --beamz-sidebar-accent: #171717;
  --beamz-sidebar-accent-foreground: #fff;
  --beamz-sidebar-border: #29292d;
  --beamz-sidebar-ring: #71717a;

  --beamz-api-border: var(--beamz-border);
  --beamz-api-frame: var(--beamz-border-strong);
  --beamz-api-code: var(--beamz-code-background);
  --beamz-api-row: var(--beamz-background);
  --beamz-api-row-alt: #080808;
  --beamz-api-row-hover: var(--beamz-muted);
  --beamz-api-source: #080808;
  --beamz-api-source-summary: #111;
  --beamz-api-muted: var(--beamz-muted-foreground);
  --beamz-api-kind-bg: #10172b;
  --beamz-api-kind-border: #31477d;
  --beamz-api-kind-fg: #cbd8ff;
  --beamz-api-control-bg: #0d1426;
  --beamz-api-control-border: #31477d;
  --beamz-api-control-fg: #cbd8ff;
  --beamz-api-control-hover: #17213b;

  /* Zensical theme adapter. */
  --md-primary-fg-color: #000;
  --md-primary-fg-color--light: #111;
  --md-primary-fg-color--dark: #000;
  --md-accent-fg-color: var(--beamz-link-hover);
  --md-typeset-a-color: var(--beamz-link);
  --md-default-bg-color: var(--beamz-background);
  --md-default-fg-color: var(--beamz-foreground);
  --md-default-fg-color--light: var(--beamz-muted-foreground);
  --md-default-fg-color--lighter: var(--beamz-ring);
  --md-default-fg-color--lightest: var(--beamz-border);
  --md-code-bg-color: var(--beamz-code-background);
  --md-code-fg-color: var(--beamz-foreground);
}