/*
 * theme.css — OKLCH variable overrides for BlazorBlueprint.
 *
 * Loaded BEFORE blazorblueprint.css so Bb's defaults pick these up. The
 * shop website (liena-carousel-elegance) defines its palette in HSL via
 * Tailwind config; we convert to OKLCH here to match Bb's color space.
 *
 * Brand source colours (from the marketing site's tailwind.config.ts):
 *   luxury-primary  #1A1F2C   (deep navy, used for headings & CTAs)
 *   luxury-accent   #9b87f5   (lavender, used for hover states & callouts)
 *   luxury-light    #F1F0FB   (pale lavender, muted backgrounds)
 *   luxury-gold     #b8975a   (editorial gold, used in dividers — see brand.css)
 */

:root {
    /* Background / surface */
    --background: oklch(1 0 0);                       /* #FFFFFF */
    --foreground: oklch(0.214 0.025 280);             /* #1A1F2C */
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.214 0.025 280);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.214 0.025 280);
    --muted: oklch(0.972 0.012 290);                  /* #F1F0FB */
    --muted-foreground: oklch(0.560 0.020 280);

    /* Brand accents */
    --primary: oklch(0.214 0.025 280);                /* #1A1F2C */
    --primary-foreground: oklch(0.985 0.005 280);
    --accent: oklch(0.689 0.135 295);                 /* #9b87f5 */
    --accent-foreground: oklch(0.985 0.005 280);
    --secondary: oklch(0.972 0.012 290);              /* #F1F0FB */
    --secondary-foreground: oklch(0.214 0.025 280);

    /* Borders / inputs / focus rings */
    --border: oklch(0.917 0.013 264);
    --input: oklch(0.917 0.013 264);
    --ring: oklch(0.214 0.025 280);

    /* Status colours */
    --destructive: oklch(0.602 0.180 25);
    --destructive-foreground: oklch(0.985 0.005 280);

    /* Sidebar (Bb sidebar primitives) */
    --sidebar: oklch(0.988 0.005 280);
    --sidebar-foreground: oklch(0.214 0.025 280);
    --sidebar-primary: oklch(0.214 0.025 280);
    --sidebar-primary-foreground: oklch(0.985 0.005 280);
    --sidebar-accent: oklch(0.972 0.012 290);
    --sidebar-accent-foreground: oklch(0.214 0.025 280);
    --sidebar-border: oklch(0.917 0.013 264);
    --sidebar-ring: oklch(0.689 0.135 295);

    /* Typography stack */
    --font-sans: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    --font-serif: "Playfair Display", ui-serif, Georgia, serif;
    --font-display: "Cormorant Garamond", ui-serif, Georgia, serif;

    --radius: 0.5rem;
}