/* Blazor Blueprint theme tokens — 4Dotnet brand palette.
   Source: https://blazorblueprintui.com/docs/theming
   Must be loaded BEFORE blazorblueprint.css so component utilities pick
   these values up (the prebuilt Blueprint stylesheet defines structural
   tokens only — colour tokens are the consuming app's responsibility).

   Brand colours (from 4dotnet.nl):
     - Pink       #ce0f69  →  oklch(0.548 0.217 2)     (primary)
     - Dark blue  #1e22aa  →  oklch(0.354 0.224 268)   (secondary)
     - Navy       #101820  →  oklch(0.205 0.018 252)   (dark surface) */

:root {
    --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.548 0.217 2);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.354 0.224 268);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.45 0.02 268);
    --accent: oklch(0.95 0.035 2);
    --accent-foreground: oklch(0.354 0.224 268);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(1 0 0);
    --border: oklch(0.922 0 0);
    --input: oklch(0.922 0 0);
    --ring: oklch(0.548 0.217 2);

    --alert-success: oklch(0.55 0.20 142);
    --alert-success-foreground: oklch(0.30 0.09 142);
    --alert-success-bg: oklch(0.993 0.003 142);
    --alert-info: oklch(0.354 0.224 268);
    --alert-info-foreground: oklch(0.25 0.12 268);
    --alert-info-bg: oklch(0.97 0.015 268);
    --alert-warning: oklch(0.68 0.18 55);
    --alert-warning-foreground: oklch(0.35 0.10 55);
    --alert-warning-bg: oklch(0.995 0.003 55);
    --alert-danger: oklch(0.55 0.22 27);
    --alert-danger-foreground: oklch(0.30 0.12 27);
    --alert-danger-bg: oklch(0.993 0.003 27);

    /* Charts blend the two brand hues from pink → dark blue. */
    --chart-1: oklch(0.548 0.217 2);
    --chart-2: oklch(0.55 0.20 330);
    --chart-3: oklch(0.50 0.22 300);
    --chart-4: oklch(0.42 0.22 285);
    --chart-5: oklch(0.354 0.224 268);

    --sidebar: oklch(0.985 0 0);
    --sidebar-foreground: oklch(0.145 0 0);
    --sidebar-primary: oklch(0.548 0.217 2);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.95 0.035 2);
    --sidebar-accent-foreground: oklch(0.354 0.224 268);
    --sidebar-border: oklch(0.922 0 0);
    --sidebar-ring: oklch(0.548 0.217 2);

    --radius: 0.625rem;
    --font-sans: ui-sans-serif, system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, serif;
    --font-mono: ui-monospace, monospace;
}

.dark {
    --background: oklch(0.205 0.018 252);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.255 0.020 252);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.255 0.020 252);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.62 0.225 2);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.46 0.225 268);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.30 0.020 252);
    --muted-foreground: oklch(0.72 0.02 252);
    --accent: oklch(0.32 0.075 2);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.985 0 0);
    --border: oklch(0.32 0.020 252);
    --input: oklch(0.36 0.020 252);
    --ring: oklch(0.62 0.225 2);

    --alert-success: oklch(0.60 0.18 142);
    --alert-success-foreground: oklch(0.90 0.06 142);
    --alert-success-bg: oklch(0.18 0.008 142);
    --alert-info: oklch(0.55 0.20 268);
    --alert-info-foreground: oklch(0.92 0.05 268);
    --alert-info-bg: oklch(0.22 0.025 268);
    --alert-warning: oklch(0.65 0.16 55);
    --alert-warning-foreground: oklch(0.92 0.06 55);
    --alert-warning-bg: oklch(0.19 0.008 55);
    --alert-danger: oklch(0.55 0.20 27);
    --alert-danger-foreground: oklch(0.90 0.06 27);
    --alert-danger-bg: oklch(0.18 0.008 27);

    --chart-1: oklch(0.62 0.225 2);
    --chart-2: oklch(0.60 0.20 330);
    --chart-3: oklch(0.55 0.22 300);
    --chart-4: oklch(0.50 0.22 285);
    --chart-5: oklch(0.46 0.225 268);

    --sidebar: oklch(0.255 0.020 252);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.62 0.225 2);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.32 0.075 2);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(0.32 0.020 252);
    --sidebar-ring: oklch(0.62 0.225 2);
}