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

@layer base {
  :root {
    --background: 36 100% 98%;
    --foreground: 240 47% 5%;
    --primary: 28 92% 44%;        /* saffron */
    --primary-foreground: 36 100% 98%;
    --foundation: 142 64% 24%;
    --foundation-foreground: 36 100% 98%;
    --muted: 36 30% 92%;
    --muted-foreground: 240 10% 30%;
    --border: 36 30% 88%;
  }

  .dark {
    --background: 240 47% 5%;       /* cosmic */
    --foreground: 36 100% 98%;
    --primary: 28 92% 50%;
    --primary-foreground: 240 47% 5%;
    --foundation: 142 64% 38%;
    --foundation-foreground: 36 100% 98%;
    --muted: 240 20% 12%;
    --muted-foreground: 36 20% 75%;
    --border: 240 20% 18%;
  }

  html { scroll-behavior: smooth; }
  body { @apply bg-ivory text-cosmic font-sans antialiased; }
  .dark body { @apply bg-cosmic text-ivory; }

  /* Hindi auto-fallback — Devanagari script ranges fall through to Noto Sans Devanagari. */
  :lang(hi) { font-family: var(--font-dm-sans), var(--font-noto-devanagari), system-ui, sans-serif; }
}

@layer components {
  .h-display {
    @apply font-display tracking-tight;
  }
  .h-mantra {
    @apply font-mantra italic;
  }
  .py-section {
    padding-top: clamp(3rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 6vw, 6rem);
  }
}