/* New Jagannath Puri public-site tokens, aligned to the September 2026 brand guide. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/inter-latin.woff2") format("woff2"); }

:root {
  --njp-temple-navy: #14123a;
  --njp-sacred-gold: #b8860b;
  --njp-antique-bronze: #a56827;
  --njp-vermilion-red: #b14231;
  --njp-tulsi-green: #215608;
  --njp-temple-ivory: #f7f3ea;
  --njp-bg: var(--njp-temple-ivory);
  --njp-surface: #fff;
  --njp-wash: #eee7da;
  --njp-ink: var(--njp-temple-navy);
  --njp-ink-soft: #45435d;
  --njp-muted: #6d697c;
  --njp-faint: #9a95a5;
  --njp-line: #ddd5c7;
  --njp-line-dark: var(--njp-temple-navy);
  /* Legacy names remain as aliases while components are migrated. */
  --njp-saffron: var(--njp-antique-bronze);
  --njp-saffron-deep: #8f581f;
  --njp-gold: var(--njp-sacred-gold);
  --njp-danger: var(--njp-vermilion-red);
  --njp-success: var(--njp-tulsi-green);
  --njp-on-accent: #fff;
  --njp-ondark: var(--njp-temple-ivory);
  --njp-ondark-muted: rgba(247, 243, 234, .76);
  --njp-ondark-line: rgba(247, 243, 234, .24);
  --njp-scrim: rgba(20, 18, 58, .52);
  --njp-hero-shade: linear-gradient(90deg, rgba(20, 18, 58, .92), rgba(20, 18, 58, .72) 42%, rgba(20, 18, 58, .18) 86%);
  --njp-page-shade: rgba(20, 18, 58, .72);
  /* The guide does not name its fonts. Cambria approximates the demonstrated serif. */
  --njp-font-display: Cambria, Georgia, "Times New Roman", serif;
  --njp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --njp-fw-regular: 400;
  --njp-fw-medium: 500;
  --njp-fw-semibold: 600;
  --njp-text-xs: .75rem;
  --njp-text-sm: .844rem;
  --njp-text-base: .969rem;
  --njp-text-md: 1.063rem;
  --njp-text-lg: clamp(1.25rem, 1.6vw, 1.5rem);
  --njp-text-xl: clamp(1.625rem, 2.2vw, 2rem);
  --njp-text-2xl: clamp(2.125rem, 4.4vw, 3.5rem);
  --njp-text-hero: clamp(2.625rem, 6.4vw, 5.5rem);
  --njp-leading-tight: 1.05;
  --njp-leading-snug: 1.3;
  --njp-leading-body: 1.65;
  --njp-tracking-caps: .22em;
  --njp-tracking-tight: -.015em;
  --njp-space-1: 4px;
  --njp-space-2: 8px;
  --njp-space-3: 12px;
  --njp-space-4: 16px;
  --njp-space-5: 24px;
  --njp-space-6: 32px;
  --njp-space-7: 48px;
  --njp-space-8: 64px;
  --njp-space-9: 96px;
  --njp-section-y: clamp(64px, 9vw, 104px);
  --njp-shell-max: 1200px;
  --njp-shell-gutter: 24px;
  --njp-radius-none: 0;
  --njp-radius-sm: 2px;
  --njp-radius-pill: 999px;
  --njp-shadow-panel: 0 24px 60px rgba(20, 18, 58, .14);
  --njp-shadow-lift: 0 18px 44px rgba(20, 18, 58, .12);
  --njp-ease: cubic-bezier(.2, .6, .3, 1);
  --njp-dur-fast: 150ms;
  --njp-dur-base: 240ms;
  --njp-z-nav: 100;
  --njp-z-scrim: 150;
  --njp-z-drawer: 160;
  --njp-media-grade: saturate(.92) contrast(1.02) brightness(1.01);
  --njp-store-foods: var(--njp-antique-bronze);
  --njp-store-gifts: var(--njp-vermilion-red);
  --njp-store-books: var(--njp-temple-navy);
  --njp-store-burgers: var(--njp-success);
  --njp-store-accent: var(--njp-saffron);
}