@tailwind base;
@tailwind components;
@tailwind utilities;

/* Removed explicit body font-family here as Tailwind's font-sans (configured in tailwind.config.ts) will handle it. */
/* body {
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
} */

@layer base {
  :root {
    --background: 267 44% 95%; /* Very light purple #F0ECF8 */
    --foreground: 271 30% 25% / 0.85; /* Darker purple for text, 85% opacity */

    --card: 0 0% 100%; /* White cards for contrast */
    --card-foreground: 271 30% 25% / 0.85; /* Darker purple for card text, 85% opacity */

    --popover: 0 0% 100%;
    --popover-foreground: 271 30% 25%;

    --primary: 271 40% 74%; /* Soft purple #B19CD9 */
    --primary-foreground: 0 0% 100%; /* White */

    --secondary: 260 50% 90%; /* Lighter, less saturated purple */
    --secondary-foreground: 271 30% 30%;

    --muted: 267 40% 92%;
    --muted-foreground: 271 30% 45% / 0.85; /* Softer purple for muted text, 85% opacity */

    --accent: 240 67% 94%; /* Lavender #E6E6FA */
    --accent-foreground: 271 40% 30%; /* Darker purple for text on accent */

    --destructive: 0 75% 60%;
    --destructive-foreground: 0 0% 98%;

    --border: 271 30% 88%;
    --input: 0 0% 100%; /* White input background for clarity */
    --ring: 271 40% 74%; /* Primary color for focus rings */

    --radius: 0.5rem;

    /* Sidebar specific theme vars (keeping for completeness, may not be used extensively) */
    --sidebar-background: 267 44% 92%;
    --sidebar-foreground: 271 30% 25%;
    --sidebar-primary: 271 40% 74%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 67% 94%;
    --sidebar-accent-foreground: 271 40% 30%;
    --sidebar-border: 271 30% 85%;
    --sidebar-ring: 271 40% 74%;
  }

  .dark {
    --background: 271 25% 10%; /* Dark purple */
    --foreground: 267 40% 90% / 0.85; /* Light purple text, 85% opacity */

    --card: 271 25% 14%; /* Slightly lighter card background */
    --card-foreground: 267 40% 90% / 0.85; /* Light purple for card text, 85% opacity */

    --popover: 271 25% 14%;
    --popover-foreground: 267 40% 90%;

    --primary: 271 45% 68%; /* Adjusted soft purple for dark mode */
    --primary-foreground: 0 0% 10%; /* Dark text on primary */

    --secondary: 260 30% 20%;
    --secondary-foreground: 267 40% 85%;

    --muted: 271 25% 18%;
    --muted-foreground: 267 40% 65% / 0.85; /* Softer light purple for muted text, 85% opacity */

    --accent: 240 50% 55%; /* Adjusted Lavender for dark mode */
    --accent-foreground: 240 60% 95%; /* Light text on accent */

    --destructive: 0 60% 50%;
    --destructive-foreground: 0 0% 98%;

    --border: 271 20% 25%;
    --input: 271 20% 18%; /* Darker input background */
    --ring: 271 45% 68%; /* Primary color for focus rings */
    
    /* Sidebar specific theme vars for dark mode */
    --sidebar-background: 271 25% 12%;
    --sidebar-foreground: 267 40% 90%;
    --sidebar-primary: 271 45% 68%;
    --sidebar-primary-foreground: 0 0% 10%;
    --sidebar-accent: 240 50% 55%;
    --sidebar-accent-foreground: 240 60% 95%;
    --sidebar-border: 271 20% 20%;
    --sidebar-ring: 271 45% 68%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    /* Ensure the font-sans utility from Tailwind (which now uses --font-geist-sans) is the primary driver */
  }
}