@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:wght@300;400;500;600&family=Roboto:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");

:root {
    --background: oklch(0.97 0.01 280);
    /* Soft Lavender White */
    --foreground: oklch(0.16 0.04 270);
    /* Near-Black Indigo */
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.16 0.04 270);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.16 0.04 270);
    --primary: oklch(0.34 0.20 285);
    /* Vivid Indigo-Violet (button) */
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.91 0.04 285);
    /* Light Lavender (box bg) */
    --secondary-foreground: oklch(0.30 0.10 280);
    /* Quick links text */
    --muted: oklch(0.93 0.03 282);
    --muted-foreground: oklch(0.50 0.04 270);
    /* Subtext gray */
    --accent: oklch(0.58 0.18 280);
    /* "Astrology" highlighted text */
    --accent-foreground: oklch(1 0 0);
    --destructive: oklch(0.50 0.20 25);
    --destructive-foreground: oklch(1 0 0);
    --border: oklch(0.87 0.04 282);
    --input: oklch(0.93 0.03 282);
    --ring: oklch(0.48 0.20 280);
    --radius: 1rem;
    --chart-1: oklch(0.48 0.20 280);
    --chart-2: oklch(0.58 0.18 280);
    --chart-3: oklch(0.68 0.12 285);
    --chart-4: oklch(0.38 0.18 275);
    --chart-5: oklch(0.78 0.06 280);
    --sidebar: oklch(0.94 0.02 282);
    --sidebar-foreground: oklch(0.16 0.04 270);
    --sidebar-primary: oklch(0.48 0.20 280);
    --sidebar-primary-foreground: oklch(1 0 0);
    --sidebar-accent: oklch(0.89 0.03 282);
    --sidebar-accent-foreground: oklch(0.30 0.10 280);
    --sidebar-border: oklch(0.87 0.04 282);
    --sidebar-ring: oklch(0.48 0.20 280);

    --radius: 0.75rem;

    --font-sans: Plus Jakarta Sans,
        sans-serif;
    --font-serif: "Roboto",
        sans-serif;
    --font-mono: IBM Plex Mono,
        monospace;
}