/* GENERATED by design/foundation/build.mjs from design/foundation/tokens.json (foundation v1.0.0) - do not edit. */
/* Semantic colour tier (shadcn names, docs/design.mastery.md companions in tokens.json). Light is the default; dark applies to
   .dark (the SPAs, set by theme-init.js) or [data-theme="dark"], and follows the OS under [data-theme="system"] (static pages). */
:root {
  color-scheme: light;
  --background: hsl(210 20% 98%);
  --foreground: hsl(222.2 84% 4.9%);
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(222.2 84% 4.9%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(222.2 84% 4.9%);
  --primary: hsl(var(--brand, 145 100% 25%));
  --primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
  --secondary: hsl(210 40% 96.1%);
  --secondary-foreground: hsl(222.2 47.4% 11.2%);
  --muted: hsl(210 40% 96.1%);
  --muted-foreground: hsl(215.4 25% 35%);
  --accent: hsl(210 40% 96.1%);
  --accent-foreground: hsl(222.2 47.4% 11.2%);
  --destructive: hsl(0 72% 51%);
  --destructive-foreground: hsl(0 0% 100%);
  --danger-foreground: hsl(0 72% 40%);
  --success: hsl(142.1 76.2% 36.3%);
  --success-foreground: hsl(143 64% 24%);
  --warning: hsl(32 95% 42%);
  --warning-foreground: hsl(23 83% 31%);
  --info: hsl(217 91% 60%);
  --info-foreground: hsl(224 76% 44%);
  --border: hsl(214.3 31.8% 91.4%);
  --input: hsl(215 16% 72%);
  --ring: hsl(var(--brand, 145 100% 25%));
  --sidebar: hsl(0 0% 100%);
  --sidebar-foreground: hsl(222.2 84% 4.9%);
  --sidebar-primary: hsl(var(--brand, 145 100% 25%));
  --sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
  --sidebar-accent: hsl(210 40% 96.1%);
  --sidebar-accent-foreground: hsl(222.2 47.4% 11.2%);
  --sidebar-border: hsl(214.3 31.8% 91.4%);
  --sidebar-ring: hsl(var(--brand, 145 100% 25%));
  --radius: 0.5rem;
  --content-text-size: 18px;
  --shadow-card: 0 1px 3px rgb(0 0 0 / 0.04), 0 4px 12px rgb(0 0 0 / 0.03);
  --shadow-pop: 0 10px 36px rgb(0 0 0 / 0.12);
}

.dark,
:root[data-theme="dark"] {
  color-scheme: dark;
  --background: hsl(224 71% 4%);
  --foreground: hsl(210 40% 98%);
  --card: hsl(222.2 47.4% 7%);
  --card-foreground: hsl(210 40% 98%);
  --popover: hsl(222.2 47.4% 7%);
  --popover-foreground: hsl(210 40% 98%);
  --primary: hsl(var(--brand, 145 81% 34%));
  --primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
  --secondary: hsl(217.2 32.6% 17.5%);
  --secondary-foreground: hsl(210 40% 98%);
  --muted: hsl(217.2 32.6% 14%);
  --muted-foreground: hsl(215 20.2% 70%);
  --accent: hsl(217.2 32.6% 17.5%);
  --accent-foreground: hsl(210 40% 98%);
  --destructive: hsl(0 62.8% 50%);
  --destructive-foreground: hsl(210 40% 98%);
  --danger-foreground: hsl(0 91% 71%);
  --success: hsl(142.1 70.6% 45.3%);
  --success-foreground: hsl(142 69% 58%);
  --warning: hsl(38 92% 55%);
  --warning-foreground: hsl(43 96% 56%);
  --info: hsl(217 91% 60%);
  --info-foreground: hsl(213 94% 68%);
  --border: hsl(217.2 32.6% 17.5%);
  --input: hsl(217 16% 44%);
  --ring: hsl(var(--brand, 145 81% 34%));
  --sidebar: hsl(224 71% 3%);
  --sidebar-foreground: hsl(210 40% 98%);
  --sidebar-primary: hsl(var(--brand, 145 81% 34%));
  --sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
  --sidebar-accent: hsl(217.2 32.6% 17.5%);
  --sidebar-accent-foreground: hsl(210 40% 98%);
  --sidebar-border: hsl(217.2 32.6% 17.5%);
  --sidebar-ring: hsl(var(--brand, 145 81% 34%));
  --shadow-card: 0 1px 3px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.25);
  --shadow-pop: 0 10px 36px rgb(0 0 0 / 0.5);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    color-scheme: dark;
    --background: hsl(224 71% 4%);
    --foreground: hsl(210 40% 98%);
    --card: hsl(222.2 47.4% 7%);
    --card-foreground: hsl(210 40% 98%);
    --popover: hsl(222.2 47.4% 7%);
    --popover-foreground: hsl(210 40% 98%);
    --primary: hsl(var(--brand, 145 81% 34%));
    --primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
    --secondary: hsl(217.2 32.6% 17.5%);
    --secondary-foreground: hsl(210 40% 98%);
    --muted: hsl(217.2 32.6% 14%);
    --muted-foreground: hsl(215 20.2% 70%);
    --accent: hsl(217.2 32.6% 17.5%);
    --accent-foreground: hsl(210 40% 98%);
    --destructive: hsl(0 62.8% 50%);
    --destructive-foreground: hsl(210 40% 98%);
    --danger-foreground: hsl(0 91% 71%);
    --success: hsl(142.1 70.6% 45.3%);
    --success-foreground: hsl(142 69% 58%);
    --warning: hsl(38 92% 55%);
    --warning-foreground: hsl(43 96% 56%);
    --info: hsl(217 91% 60%);
    --info-foreground: hsl(213 94% 68%);
    --border: hsl(217.2 32.6% 17.5%);
    --input: hsl(217 16% 44%);
    --ring: hsl(var(--brand, 145 81% 34%));
    --sidebar: hsl(224 71% 3%);
    --sidebar-foreground: hsl(210 40% 98%);
    --sidebar-primary: hsl(var(--brand, 145 81% 34%));
    --sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
    --sidebar-accent: hsl(217.2 32.6% 17.5%);
    --sidebar-accent-foreground: hsl(210 40% 98%);
    --sidebar-border: hsl(217.2 32.6% 17.5%);
    --sidebar-ring: hsl(var(--brand, 145 81% 34%));
    --shadow-card: 0 1px 3px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.25);
    --shadow-pop: 0 10px 36px rgb(0 0 0 / 0.5);
  }
}