@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 (Matches the deep green backgrounds in your image) */
    --background: oklch(0.18 0.02 135); /* Deep dark forest green */
    --foreground: oklch(0.97 0.02 135); /* Light creamy text */
    --card: oklch(0.24 0.03 135); /* Elevated lighter forest green for cards */
    --card-foreground: oklch(0.97 0.02 135);
    --popover: oklch(0.22 0.03 135);
    --popover-foreground: oklch(0.97 0.02 135);
    --radius: 0.5rem;
        /* The uploaded design uses subtle rounded corners, not full pills */
    /* Brand Colors */
    --primary: oklch(0.58 0.11 135); /* Earthy Olive Green CTA */
    --primary-foreground: oklch(0.98 0 0); /* White text on Olive */
    --secondary: oklch(0.3 0.04 135); /* Deep mossy background */
    --secondary-foreground: oklch(0.97 0.02 135); /* Cream text */

    --muted: oklch(0.28 0.03 135);
    --muted-foreground: oklch(0.65 0.05 135); /* Muted pale green text */
    --accent: oklch(0.97 0.02 135);
    --accent-foreground: oklch(0.28 0.03 135);  
    --destructive: oklch(0.45 0.18 25);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(0.28 0.03 135); /* Subtle dividers in dark theme */
    --input: oklch(0.28 0.03 135);
    --ring: oklch(0.58 0.11 135); /* Olive focus ring */

    /* Chart colors */
    --chart-1: oklch(0.58 0.11 135); /* Olive Green */
    --chart-2: oklch(0.85 0.04 135); /* Pale Green */
    --chart-3: oklch(0.82 0.15 90); /* Gold/Yellow */
    --chart-4: oklch(0.65 0.05 135); /* Muted Moss */
    --chart-5: oklch(0.45 0.04 135); /* Earthy Brown-Green */

    /* Sidebar */
    --sidebar: oklch(0.18 0.02 135);
    --sidebar-foreground: oklch(0.97 0.02 135);
    --sidebar-primary: oklch(0.58 0.11 135);
    --sidebar-primary-foreground: oklch(0.98 0 0);
    --sidebar-accent: oklch(0.28 0.03 135);
    --sidebar-accent-foreground: oklch(0.97 0.02 135);
    --sidebar-border: oklch(0.28 0.03 135);
    --sidebar-ring: oklch(0.58 0.11 135);
}