/*
 * BauLedger-Markendesign (Royal-Blau / Gold / Navy).
 * Überschreibt die neutralen Basecoat-Variablen („Mono“), wenn der Benutzer in den
 * Einstellungen das Design „BauLedger“ gewählt hat. Die Klasse wird serverseitig im
 * Layout auf <html> gesetzt; „dark“ kommt weiterhin vom Basecoat-Theme-Toggle.
 * html.theme-bauledger schlägt :root, .theme-bauledger.dark schlägt .dark (Spezifität).
 */

html.theme-bauledger {
    --background: oklch(1 0 0);
    --foreground: oklch(0.22 0.09 265);

    --card: oklch(1 0 0);
    --card-foreground: oklch(0.22 0.09 265);

    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.22 0.09 265);

    --primary: oklch(0.55 0.22 264);          /* Royal-Blau */
    --primary-foreground: oklch(0.98 0.01 264);

    --secondary: oklch(0.96 0.02 264);
    --secondary-foreground: oklch(0.36 0.14 264);

    --muted: oklch(0.97 0.01 264);
    --muted-foreground: oklch(0.50 0.03 264);

    --accent: oklch(0.82 0.16 82);            /* Gold */
    --accent-foreground: oklch(0.28 0.06 82);

    --destructive: oklch(0.58 0.22 27);
    --destructive-foreground: oklch(0.98 0.01 27);

    --border: oklch(0.92 0.01 264);
    --input: oklch(0.92 0.01 264);
    --ring: oklch(0.55 0.22 264);

    /* Sidebar passend zur Marke (Basecoat-spezifische Variablen) */
    --sidebar: oklch(0.98 0.01 264);
    --sidebar-foreground: oklch(0.22 0.09 265);
    --sidebar-primary: oklch(0.55 0.22 264);
    --sidebar-primary-foreground: oklch(0.98 0.01 264);
    --sidebar-accent: oklch(0.94 0.03 264);
    --sidebar-accent-foreground: oklch(0.36 0.14 264);
    --sidebar-border: oklch(0.92 0.01 264);
    --sidebar-ring: oklch(0.55 0.22 264);

    /* Marken-Extras */
    --brand-orange: oklch(0.70 0.16 55);      /* Orange-CTA */
    --brand-navy: oklch(0.22 0.09 265);       /* Navy-Hero */

    --radius: 0.75rem;
}

html.theme-bauledger.dark {
    --background: oklch(0.22 0.09 265);       /* Navy */
    --foreground: oklch(0.98 0.01 264);

    --card: oklch(0.28 0.10 265);
    --card-foreground: oklch(0.98 0.01 264);

    --popover: oklch(0.28 0.10 265);
    --popover-foreground: oklch(0.98 0.01 264);

    --primary: oklch(0.62 0.20 264);
    --primary-foreground: oklch(0.15 0.05 265);

    --secondary: oklch(0.34 0.08 265);
    --secondary-foreground: oklch(0.98 0.01 264);

    --muted: oklch(0.34 0.08 265);
    --muted-foreground: oklch(0.72 0.03 264);

    --accent: oklch(0.82 0.16 82);
    --accent-foreground: oklch(0.22 0.06 82);

    --destructive: oklch(0.62 0.21 27);
    --destructive-foreground: oklch(0.98 0.01 27);

    --border: oklch(0.38 0.06 265);
    --input: oklch(0.38 0.06 265);
    --ring: oklch(0.62 0.20 264);

    --sidebar: oklch(0.26 0.095 265);
    --sidebar-foreground: oklch(0.98 0.01 264);
    --sidebar-primary: oklch(0.62 0.20 264);
    --sidebar-primary-foreground: oklch(0.15 0.05 265);
    --sidebar-accent: oklch(0.34 0.08 265);
    --sidebar-accent-foreground: oklch(0.98 0.01 264);
    --sidebar-border: oklch(0.38 0.06 265);
    --sidebar-ring: oklch(0.62 0.20 264);
}
