@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 {
    /* Main light mode based on the white/cream middle sections */
    --background: oklch(0.98 0.01 50); /* Warm off-white/cream */
    --foreground: oklch(0.2 0.02 40); /* Deep espresso/dark brown text */
    --card: oklch(1 0 0); /* Pure white cards */
    --card-foreground: oklch(0.2 0.02 40);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.2 0.02 40);

    /* Primary brand colors */
    --primary: oklch(0.5 0.12 35); /* Rust/Terracotta orange for buttons and highlights */
    --primary-foreground: oklch(0.98 0 0); /* White text on primary buttons */

    /* Secondary and accents */
    --secondary: oklch(0.94 0.03 45); /* Very light peach/orange for icon backgrounds */
    --secondary-foreground: oklch(0.2 0.02 40);
    --muted: oklch(0.94 0.01 50); /* Light warm gray */
    --muted-foreground: oklch(0.55 0.02 45); /* Muted warm gray text */
    --accent: oklch(0.8 0.16 85); /* Sun logo gold */
    --accent-foreground: oklch(0.2 0.02 40);

    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(0.9 0.01 50); /* Soft warm borders */
    --input: oklch(0.9 0.01 50);
    --ring: oklch(0.5 0.12 35); /* Terracotta focus ring */

    /* Chart colors adapted to warm cosmic/earthy tones */
    --chart-1: oklch(0.5 0.12 35); /* Terracotta */
    --chart-2: oklch(0.8 0.16 85); /* Gold */
    --chart-3: oklch(0.4 0.08 300); /* Deep warm purple */
    --chart-4: oklch(0.6 0.08 50); /* Warm ochre */
    --chart-5: oklch(0.3 0.05 40); /* Dark espresso */

    --radius: 0.625rem;

    --sidebar: oklch(0.98 0.01 50);
    --sidebar-foreground: oklch(0.2 0.02 40);
    --sidebar-primary: oklch(0.5 0.12 35);
    --sidebar-primary-foreground: oklch(0.98 0 0);
    --sidebar-accent: oklch(0.94 0.03 45);
    --sidebar-accent-foreground: oklch(0.2 0.02 40);
    --sidebar-border: oklch(0.9 0.01 50);
    --sidebar-ring: oklch(0.5 0.12 35);

    --font-sans: "Inter", sans-serif;
    --font-serif: "Merriweather", serif;
}