/* shadcn/ui theme (zinc) — compatible with Blazor Blueprint / BlazorBlueprint.Components */
@layer base {
  :root {
    --radius: 0.625rem;
    --background: oklch(1 0 0);
    --foreground: oklch(0.145 0 0);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.145 0 0);
    --primary: oklch(0.205 0 0);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.97 0 0);
    --secondary-foreground: oklch(0.205 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.556 0 0);
    --accent: oklch(0.97 0 0);
    --accent-foreground: oklch(0.205 0 0);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(0.922 0 0);
    --input: oklch(0.922 0 0);
    --ring: oklch(0.708 0 0);
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --sidebar: oklch(0.985 0 0);
    --sidebar-foreground: oklch(0.145 0 0);
    --sidebar-primary: oklch(0.205 0 0);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.97 0 0);
    --sidebar-accent-foreground: oklch(0.205 0 0);
    --sidebar-border: oklch(0.922 0 0);
    --sidebar-ring: oklch(0.708 0 0);
  }

  .dark {
    --background: oklch(0.145 0 0);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.205 0 0);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.205 0 0);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.922 0 0);
    --primary-foreground: oklch(0.205 0 0);
    --secondary: oklch(0.269 0 0);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.269 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --accent: oklch(0.269 0 0);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.556 0 0);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.205 0 0);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.269 0 0);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.556 0 0);
  }

  .theme-red {
    --primary: oklch(0.5 0.2 25);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.5 0.2 25);
  }
  .theme-red.dark, .dark .theme-red {
    --primary: oklch(0.6 0.2 25);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.6 0.2 25);
  }

  .theme-rose {
    --primary: oklch(0.5 0.2 5);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.5 0.2 5);
  }
  .theme-rose.dark, .dark .theme-rose {
    --primary: oklch(0.6 0.2 5);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.6 0.2 5);
  }

  .theme-orange {
    --primary: oklch(0.65 0.15 45);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.65 0.15 45);
  }
  .theme-orange.dark, .dark .theme-orange {
    --primary: oklch(0.7 0.15 45);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.7 0.15 45);
  }

  .theme-green {
    --primary: oklch(0.55 0.15 140);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.55 0.15 140);
  }
  .theme-green.dark, .dark .theme-green {
    --primary: oklch(0.65 0.15 140);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.65 0.15 140);
  }

  .theme-blue {
    --primary: oklch(0.55 0.15 250);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.55 0.15 250);
  }
  .theme-blue.dark, .dark .theme-blue {
    --primary: oklch(0.65 0.15 250);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.65 0.15 250);
  }

  .theme-yellow {
    --primary: oklch(0.75 0.15 90);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.75 0.15 90);
  }
  .theme-yellow.dark, .dark .theme-yellow {
    --primary: oklch(0.85 0.15 90);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.85 0.15 90);
  }

  .theme-violet {
    --primary: oklch(0.5 0.15 300);
    --primary-foreground: oklch(0.985 0 0);
    --ring: oklch(0.5 0.15 300);
  }
  .theme-violet.dark, .dark .theme-violet {
    --primary: oklch(0.6 0.15 300);
    --primary-foreground: oklch(0.205 0 0);
    --ring: oklch(0.6 0.15 300);
  }
}