/* Nova Spread — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #fcf3f0;
  --surface-raised: #fffbf9;
  --surface-petal: #f6e3dd;
  --line: #ebcfc7;
  --line-strong: #a3766e;
  --ink: #2b1a2e;
  --ink-muted: #6c5664;
  --sindoor: #b3263e;
  --sindoor-deep: #8e1c31;
  --sindoor-soft: #f9dde0;
  --on-sindoor: #fff6f2;
  --marigold: #e39b26;
  --marigold-soft: #fbe9c9;
  --kesar: #7a4a0a;
  --tulsi: #2f6b4f;
  --tulsi-soft: #ddeee4;
  --on-tulsi: #f3fbf6;
  --plum-deep: #7a1c33;
  --focus: #2b1a2e;
  --shadow-card: 0 1px 2px #2b1a2e0f, 0 10px 24px -14px #2b1a2e33;
  --shadow-lift: 0 18px 30px -16px #7a1c3373;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --radius-sm: 10px;
  --radius-card-back: 13px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 9999px;
  --dur-instant: 120ms;
  --dur-quick: 200ms;
  --dur-draw: 320ms;
  --dur-settle: 360ms;
  --dur-fan: 480ms;
  --dur-reveal: 620ms;
  --dur-shuffle: 640ms;
  --dur-glint: 900ms;
  --dur-celebrate: 1200ms;
  --dur-flicker: 2600ms;
  --ease-settle: cubic-bezier(.2, .8, .2, 1);
  --ease-reveal: cubic-bezier(.34, 1.25, .5, 1);
  --ease-exit: cubic-bezier(.4, 0, 1, 1);
  --ease-breathe: cubic-bezier(.45, 0, .55, 1);
  --font-display: "Rozha One", "Tiro Devanagari Hindi", Georgia, serif;
  --font-body: Mukta, "Noto Sans Devanagari", "Segoe UI", system-ui, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 48px; line-height: 52px; font-weight: 400; }
.display-l { font-family: var(--font-display); font-size: 36px; line-height: 42px; font-weight: 400; }
.heading { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 400; }
.price { font-family: var(--font-display); font-size: 28px; line-height: 30px; font-weight: 400; }
.hindi-display { font-family: var(--font-display); font-size: 32px; line-height: 40px; font-weight: 400; }
.lead { font-family: var(--font-body); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 17px; line-height: 27px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 17px; line-height: 27px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 21px; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; }