@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inder&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");

:root {
    /* Base Backgrounds - Mapped to the warm cream/off-white of the body sections */
    --background: oklch(0.98 0.01 80);
    --foreground: oklch(0.15 0.01 50);
    /* Dark warm gray/black for main text */

    /* Cards and Popovers - Pure white for clean contrast against the cream body */
    --card: oklch(1 0 0);
    /* Pure White */
    --card-foreground: oklch(0.15 0.01 50);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.15 0.01 50);

    /* Primary Action - The signature bright gold/yellow buttons */
    --primary: oklch(0.82 0.16 85);
    --primary-foreground: oklch(0.15 0 0);
    /* Black text on gold buttons */

    /* Secondary Elements - Mapped to the dark warm charcoal sections (e.g., Consultations) */
    --secondary: oklch(0.20 0.01 50);
    --secondary-foreground: oklch(0.98 0.01 80);
    /* Cream text on dark charcoal */

    /* Muted and Accents */
    --muted: oklch(0.92 0.01 80);
    /* Light warm gray for borders/dividers */
    --muted-foreground: oklch(0.55 0.01 50);
    /* Gray secondary text */
    --accent: oklch(0.95 0.04 85);
    /* Lighter gold/cream for hover states */
    --accent-foreground: oklch(0.15 0.01 50);

    /* System Colors */
    --destructive: oklch(0.577 0.245 27.325);
    /* Standard Red */
    --destructive-foreground: oklch(1 0 0);
    --border: oklch(0.92 0.01 80);
    --input: oklch(0.92 0.01 80);
    --ring: oklch(0.82 0.16 85);
    /* Gold focus ring */

    /* Chart colors customized for the warm theme */
    --chart-1: oklch(0.82 0.16 85);
    /* Gold */
    --chart-2: oklch(0.20 0.01 50);
    /* Warm Charcoal */
    --chart-3: oklch(0.65 0.18 300);
    /* Purple */
    --chart-4: oklch(0.75 0.15 200);
    /* Teal */
    --chart-5: oklch(0.6 0.15 20);
    /* Terracotta */

    --radius: 0.625rem;
    /* 10px rounded corners for cards/buttons */

    /* Sidebar Variables */
    --sidebar: oklch(0.98 0.01 80);
    --sidebar-foreground: oklch(0.15 0.01 50);
    --sidebar-primary: oklch(0.82 0.16 85);
    --sidebar-primary-foreground: oklch(0.15 0 0);
    --sidebar-accent: oklch(0.92 0.01 80);
    --sidebar-accent-foreground: oklch(0.15 0.01 50);
    --sidebar-border: oklch(0.92 0.01 80);
    --sidebar-ring: oklch(0.82 0.16 85);

    /* Typography Definitions mapped to your imports */
    --font-sans: "Inter", sans-serif;
    --font-serif: "Merriweather", serif;
    --font-heading: "Inder", sans-serif;
}