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

@layer base {
  :root {
    --background: 249 246 233; /* #F9F6E9 - Soft Cream */
    --foreground: 52 6 73; /* #340649 - Deep Royal Purple */
    --card: 255 255 255;
    --card-foreground: 52 6 73;
    --popover: 255 255 255;
    --popover-foreground: 52 6 73;
    --primary: 52 6 73; /* #340649 */
    --primary-foreground: 249 246 233;
    --secondary: 103 72 106; /* #67486A */
    --secondary-foreground: 255 255 255;
    --muted: 249 246 233;
    --muted-foreground: 103 72 106;
    --accent: 200 166 104; /* #C8A668 - Muted Gold */
    --accent-foreground: 52 6 73;
    --destructive: 220 38 38;
    --destructive-foreground: 255 255 255;
    --border: 103 72 106;
    --input: 103 72 106;
    --ring: 200 166 104;
    --radius: 0.5rem;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    font-feature-settings:
      "rlig" 1,
      "calt" 1;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f9f6e9;
}

::-webkit-scrollbar-thumb {
  background: #67486a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #340649;
}
