:root{
  --bg-fallback: #f5f0e8;   /* warm cream (matches logo) */
  --ink: #2a2725;            /* dark charcoal */
  --muted: #7a7570;          /* warm gray secondary */
  --panel: #ede8df;          /* subtle cream sections */

  --accent: #7c6bc4;         /* purple/lavender (from logo) */
  --accent-2: #5a4a9e;       /* deeper purple */
  --accent-3: #b8a9e8;       /* light lavender */

  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: "Fraunces", "Lora", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Dots for light bg */
  --dots: rgba(42, 39, 37, 0.15);
  --dots-link: rgba(124, 107, 196, 0.35);
  --dots-glow: rgba(124, 107, 196, 0.55);
}