/* Color theme "teal" (brand hue 168). Generated from assets/css/site.css by scripts/lib/build/theme.mjs: do not edit. */
:root {
  --line-strong: hsl(166 10% 50%);
  --ink: hsl(168 32% 12%);
  --ink-2: hsl(168 22% 22%);
  --muted: hsl(168 14% 35%);
  --brand: hsl(168 64% 28.5%);
  --brand-strong: hsl(168 68% 19.5%);
  --brand-soft: hsl(168 70% 96%);
  --brand-line: hsl(168 48% 84%);
  --focus: hsl(168 100% 29.5%);
  --cmd-bg: hsl(168 30% 13%);
  --glow-1: hsl(168 95% 93%);
  --footer-bg: hsl(168 32% 12%);
  --footer-mute: hsl(168 24% 78%);
  --footer-line: hsl(168 20% 25%);
  --cta-1: hsl(168 62% 21.5%);
  --cta-2: hsl(182 52% 13.5%);
  --shadow-sm: 0 1px 2px hsl(168 30% 20% / 0.07), 0 1px 1px hsl(168 30% 20% / 0.04);
  --shadow: 0 2px 4px hsl(168 30% 20% / 0.05), 0 10px 28px hsl(168 30% 20% / 0.09);
  --shadow-lg: 0 4px 8px hsl(168 30% 20% / 0.06), 0 22px 54px hsl(168 30% 20% / 0.16);
  --dg-accent: hsl(168 64% 28.5%);
  --dg-accent-soft: hsl(168 70% 92%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: hsl(168 22% 9%);
    --bg-alt: hsl(168 22% 11.5%);
    --surface: hsl(168 20% 14%);
    --surface-2: hsl(168 18% 16.5%);
    --line: hsl(168 14% 24%);
    --line-strong: hsl(168 10% 56%);
    --muted: hsl(168 12% 73%);
    --brand: hsl(162 90% 66%);
    --brand-strong: hsl(162 95% 74%);
    --brand-soft: hsl(168 36% 19%);
    --brand-line: hsl(168 30% 30%);
    --on-brand: hsl(168 45% 11%);
    --focus-halo: hsl(168 22% 9%);
    --code-bg: hsl(168 18% 19%);
    --cmd-bg: hsl(168 30% 6.5%);
    --header-bg: hsl(168 22% 9% / 0.92);
    --glow-1: hsl(168 50% 16%);
    --footer-bg: hsl(168 26% 6.5%);
    --cta-1: hsl(168 52% 23%);
    --cta-2: hsl(182 46% 15%);
    --mark-bg: hsl(162 90% 66%);
    --mark-fg: hsl(168 45% 11%);
    --skel-1: hsl(168 16% 18%);
    --skel-2: hsl(168 16% 23%);
    --dg-accent: hsl(162 90% 66%);
    --dg-accent-soft: hsl(168 36% 19%);
  }
}
:root[data-theme="dark"] {
  --bg: hsl(168 22% 9%);
  --bg-alt: hsl(168 22% 11.5%);
  --surface: hsl(168 20% 14%);
  --surface-2: hsl(168 18% 16.5%);
  --line: hsl(168 14% 24%);
  --line-strong: hsl(168 10% 56%);
  --muted: hsl(168 12% 73%);
  --brand: hsl(162 90% 66%);
  --brand-strong: hsl(162 95% 74%);
  --brand-soft: hsl(168 36% 19%);
  --brand-line: hsl(168 30% 30%);
  --on-brand: hsl(168 45% 11%);
  --focus-halo: hsl(168 22% 9%);
  --code-bg: hsl(168 18% 19%);
  --cmd-bg: hsl(168 30% 6.5%);
  --header-bg: hsl(168 22% 9% / 0.92);
  --glow-1: hsl(168 50% 16%);
  --footer-bg: hsl(168 26% 6.5%);
  --cta-1: hsl(168 52% 23%);
  --cta-2: hsl(182 46% 15%);
  --mark-bg: hsl(162 90% 66%);
  --mark-fg: hsl(168 45% 11%);
  --skel-1: hsl(168 16% 18%);
  --skel-2: hsl(168 16% 23%);
  --dg-accent: hsl(162 90% 66%);
  --dg-accent-soft: hsl(168 36% 19%);
}