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

:root{
    /* DARK MODE (Matching the image) */
    --background: oklch(0.15 0.04 290); /* Deep space midnight purple/blue */
    --foreground: oklch(0.98 0.01 290); /* Off-white / Starlight text */
    --card: oklch(0.2 0.05 290); /* Elevated dark purple for inner sections */
    --card-foreground: oklch(0.98 0.01 290);
    --popover: oklch(0.18 0.05 290);
    --popover-foreground: oklch(0.98 0.01 290);
    --radius: 1.5rem;
        /* Noticeable rounded pills/cards in the design */
    /* Brand Colors */
    --primary: oklch(0.82 0.16 90); /* Bright Gold/Yellow button */
    --primary-foreground: oklch(0.15 0.04 290); /* Dark text on Gold */
    --secondary: oklch(0.55 0.25 295); /* Vibrant Violet CTA button */
    --secondary-foreground: oklch(0.98 0 0); /* White text on Violet */

    --muted: oklch(0.24 0.05 290); /* Slightly lighter background for muted elements */
    --muted-foreground: oklch(0.65 0.05 290); /* Muted starry grey text */
    --accent: oklch(0.98 0.01 290);
    --accent-foreground: oklch(0.15 0.04 290);
    --destructive: oklch(0.45 0.18 25);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(0.24 0.05 290); /* Subtle dividers in the dark theme */
    --input: oklch(0.24 0.05 290);
    --ring: oklch(0.55 0.25 295); /* Violet focus ring */

    /* Chart colors */
    --chart-1: oklch(0.82 0.16 90); /* Gold */
    --chart-2: oklch(0.55 0.25 295); /* Violet */
    --chart-3: oklch(0.75 0.18 300); /* Light Purple */
    --chart-4: oklch(0.65 0.15 200); /* Cyan */
    --chart-5: oklch(0.7 0.15 20); /* Orange */

    /* Sidebar */
    --sidebar: oklch(0.15 0.04 290);
    --sidebar-foreground: oklch(0.98 0.01 290);
    --sidebar-primary: oklch(0.82 0.16 90);
    --sidebar-primary-foreground: oklch(0.15 0.04 290);
    --sidebar-accent: oklch(0.24 0.05 290);
    --sidebar-accent-foreground: oklch(0.98 0.01 290);
    --sidebar-border: oklch(0.24 0.05 290);
    --sidebar-ring: oklch(0.55 0.25 295);
}