@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.2 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.3 0.1 280);
  /* Quick links text */
  --muted: oklch(0.93 0.03 282);
  --muted-foreground: oklch(0.5 0.04 270);
  /* Subtext gray */
  --accent: oklch(0.58 0.18 280);
  /* "Astrology" highlighted text */
  --accent-foreground: oklch(0.58 0.18 280);
  --destructive: oklch(0.5 0.2 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.2 280);
  --radius: 1rem;
  --chart-1: oklch(0.48 0.2 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.2 280);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.89 0.03 282);
  --sidebar-accent-foreground: oklch(0.3 0.1 280);
  --sidebar-border: oklch(0.87 0.04 282);
  --sidebar-ring: oklch(0.48 0.2 280);

  --radius: 0.75rem;

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