@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900?family=Inter:wght@100..900&family=Merriweather:wght@300..900&display=swap");

/* ================== ROOT THEME ================== */
:root {
    --background: oklch(0.18 0.03 200);
    /* cosmic dark teal */
    --foreground: oklch(0.95 0.01 85);

    --card: oklch(0.22 0.03 200);
    --card-foreground: oklch(0.95 0.01 85);

    --primary: oklch(0.85 0.17 85);
    /* gold */
    --primary-foreground: oklch(0.15 0 0);

    --secondary: oklch(0.30 0.04 175);
    --secondary-foreground: oklch(0.95 0.01 85);

    --muted: oklch(0.3 0.02 200);
    --muted-foreground: oklch(0.7 0.01 200);

    --accent: oklch(0.9 0.18 90);
    --accent-foreground: oklch(0.15 0 0);

    --border: oklch(0.35 0.02 200);
    --input: oklch(0.35 0.02 200);
    --ring: oklch(0.85 0.17 85);

    --radius: 0.75rem;


        /* Font families */
    --font-sans: Plus Jakarta Sans, sans-serif;
    --font-serif:  "Inter", sans-serif;
    --font-mono: IBM Plex Mono, monospace;
    --font-poppins: "Poppins", sans-serif;
}