@import url("https://fonts.googleapis.com/css2?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 {
    --background: oklch(0.16 0.04 275); /* Deep midnight cosmic blue */
    --foreground: oklch(0.98 0 0); /* White text */
    --card: oklch(0.22 0.04 275); /* Slightly lighter midnight blue for cards */
    --card-foreground: oklch(0.98 0 0);
    --popover: oklch(0.16 0.04 275);
    --popover-foreground: oklch(0.98 0 0);
    --primary: oklch(0.82 0.18 85); /* Signature bright gold/yellow */
    --primary-foreground: oklch(0.15 0 0); /* Dark text on primary buttons */
    --secondary: oklch(0.28 0.05 275); /* Elevated blue for secondary elements */
    --secondary-foreground: oklch(0.98 0 0);
    --muted: oklch(0.28 0.05 275);
    --muted-foreground: oklch(0.7 0.02 275); /* Light gray/blue text */
    --accent: oklch(0.98 0 0);
    --accent-foreground: oklch(0.28 0.05 275); /* Hover states */
    --destructive: oklch(0.396 0.141 25.723);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(0.28 0.05 275); /* Dark blue borders */
    --input: oklch(0.28 0.05 275);
    --ring: oklch(0.82 0.18 85); /* Gold focus ring */
    --radius: 0.625rem;
    /* Chart colors customized for the cosmic/gold theme */
    --chart-1: oklch(0.82 0.18 85); /* Gold */
    --chart-2: oklch(0.45 0.15 275); /* Indigo */
    --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: oklch(0.16 0.04 275);
    --sidebar-foreground: oklch(0.98 0 0);
    --sidebar-primary: oklch(0.82 0.18 85);
    --sidebar-primary-foreground: oklch(0.15 0 0);
    --sidebar-accent: oklch(0.28 0.05 275);
    --sidebar-accent-foreground: oklch(0.98 0 0);
    --sidebar-border: oklch(0.28 0.05 275);
    --sidebar-ring: oklch(0.82 0.18 85);

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