/**
 * CSS Variables — Le Royaume de Brindille
 * Portées depuis src/styles.css du prototype React (mêmes valeurs oklch).
 */

:root {
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --radius-2xl: calc(var(--radius) + 8px);
    --radius-3xl: calc(var(--radius) + 12px);

    /* ============================ */
    /* Colors — palette maison */
    /* ============================ */
    --radius: .5rem;
    --background: oklch(96.5% .012 84);
    --foreground: oklch(29% .018 60);
    --card: oklch(99.5% .004 90);
    --card-foreground: oklch(29% .018 60);
    --popover: oklch(99.5% .004 90);
    --popover-foreground: oklch(29% .018 60);
    --primary: oklch(47% .055 145);
    --primary-foreground: oklch(98% .01 90);
    --secondary: oklch(93% .018 80);
    --secondary-foreground: oklch(32% .02 60);
    --muted: oklch(94.5% .012 82);
    --muted-foreground: oklch(52% .02 62);
    --accent: oklch(56% .085 55);
    --accent-foreground: oklch(98% .01 90);
    --destructive: oklch(55% .16 30);
    --destructive-foreground: oklch(98% .01 90);
    --border: oklch(90% .014 78);
    --input: oklch(90% .014 78);
    --ring: oklch(47% .055 145);
    --cream: oklch(96.5% .012 84);
    --sand: oklch(92% .022 78);
    --wood: oklch(78% .05 65);
    --wood-deep: oklch(52% .07 55);
    --sage: oklch(62% .045 140);
    --forest: oklch(42% .05 148);
    --soft-gray: oklch(94% .004 80);
    --sunny: #fba718;

    /* ============================ */
    /*  Typography */
    /* ============================ */
    --font-display : "Playfair Display", Georgia, serif;
    --font-body    : "Manrope", system-ui, sans-serif;
    --font-script  : "Caveat", cursive;

    /* ============================ */
    /*  Shadows */
    /* ============================ */
    --shadow-soft : 0 1px 2px rgba(60, 45, 30, 0.04), 0 12px 40px -18px rgba(60, 45, 30, 0.18);
    --shadow-lift : 0 2px 4px rgba(60, 45, 30, 0.05), 0 26px 60px -28px rgba(60, 45, 30, 0.28);

    /* ============================ */
    /*  Transitions */
    /* ============================ */
    --transition-fast   : 0.15s;
    --transition-normal : 0.3s;
    --transition-slow   : 0.8s;
}