@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 soft cream of the hero section */
    --background: oklch(0.96 0.02 85);
    --foreground: oklch(0.18 0.01 265); /* Very dark gray/black for main text */

    /* Cards and Popovers - Pure white for clean contrast */
    --card: oklch(1 0 0); /* Pure White */
    --card-foreground: oklch(0.18 0.01 265);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.18 0.01 265);

    /* Primary Action - The signature gold/yellow buttons */
    --primary: oklch(0.81 0.16 85); /* Cosmic Gold (#FBC02D) */
    --primary-foreground: oklch(0.15 0 0); /* Black text on gold buttons */

    /* Secondary Elements - Mapped to the midnight blue sections */
    --secondary: oklch(0.22 0.03 265); /* Midnight Navy (#1A1D2D) */
    --secondary-foreground: oklch(1 0 0); /* White text on navy */

    /* Muted and Accents */
    --muted: oklch(0.92 0.01 265); /* Light gray for borders/dividers */
    --muted-foreground: oklch(0.55 0.01 265); /* Gray secondary text */
    --accent: oklch(0.96 0.04 85); /* Lighter gold for hover states */
    --accent-foreground: oklch(0.18 0.01 265);

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

    /* Chart colors customized for the cosmic theme */
    --chart-1: oklch(0.81 0.16 85); /* Gold */
    --chart-2: oklch(0.22 0.03 265); /* Midnight Navy */
    --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.96 0.02 85);
    --sidebar-foreground: oklch(0.18 0.01 265);
    --sidebar-primary: oklch(0.81 0.16 85);
    --sidebar-primary-foreground: oklch(0.15 0 0);
    --sidebar-accent: oklch(0.92 0.01 265);
    --sidebar-accent-foreground: oklch(0.18 0.01 265);
    --sidebar-border: oklch(0.92 0.01 265);
    --sidebar-ring: oklch(0.81 0.16 85);

    --font-poppins: "Poppins", sans-serif;
}