/* =====================================================================
   THEME — change colours, fonts and sizes here. Everything else uses
   these variables, so one edit restyles the whole site.
   ===================================================================== */

/* ---- Self-hosted fonts (files in /assets/fonts) ---- */
@font-face { font-family: "Cormorant Garamond"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-style: italic; font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap;
  src: url("../fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
/* Devanagari fonts: only downloaded when Hindi text appears on the page (unicode-range) */
@font-face { font-family: "Tiro Devanagari Hindi"; font-weight: 400; font-display: swap;
  src: url("../fonts/tiro-devanagari-hindi.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Hind"; font-weight: 400; font-display: swap;
  src: url("../fonts/hind-devanagari-400-normal.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Hind"; font-weight: 600; font-display: swap;
  src: url("../fonts/hind-devanagari-600-normal.woff2") format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }

:root {
  /* ---- Brand colours (from the logo) ---- */
  --c-saffron:      #F69321;   /* hand — main colour */
  --c-amber:        #F6B01B;   /* hand — middle */
  --c-marigold:     #F3D210;   /* hand — tip */
  --c-saffron-ink:  #A84A06;   /* saffron that is dark enough for text on light backgrounds */
  --c-sindoor:      #6E1A2A;   /* headings, dark sections */
  --c-sindoor-deep: #3E0C17;   /* footer, hero night sky */
  --c-lotus:        #EF529B;   /* accent */
  --c-lotus-ink:    #B8256C;
  --c-sky:          #19BAE8;   /* small accent */
  --c-sky-ink:      #0A6F94;
  --c-gold:         #B8862B;   /* lines, ornaments */
  --c-sandal:       #FBF4E6;   /* page background */
  --c-sandal-2:     #F4E6CB;   /* alternate section background */
  --c-white:        #FFFFFF;
  --c-ink:          #3A0F1A;   /* headings on light */
  --c-text:         #5A4540;   /* body text on light */
  --c-muted:        #775A4E;
  --c-line:         #E6D2AE;
  --c-cream-on-dark:#FFF1D6;   /* body text on dark */
  --c-error:        #B42318;
  --c-success:      #2F7D32;

  --grad-hand: linear-gradient(90deg, var(--c-saffron) 0%, var(--c-amber) 55%, var(--c-marigold) 100%);

  /* ---- Fonts ---- */
  /* Latin font first; Devanagari characters automatically use the Hindi font listed next */
  --f-display: "Cormorant Garamond", "Tiro Devanagari Hindi", "Times New Roman", serif;
  --f-body:    "Barlow", "Hind", "Segoe UI", system-ui, sans-serif;
  --f-ui:      "Barlow Condensed", "Hind", "Arial Narrow", sans-serif;
  --f-hindi:   "Tiro Devanagari Hindi", "Noto Serif Devanagari", "Mangal", serif;

  /* ---- Type scale ---- */
  --fs-hero:   clamp(2.9rem, 6.8vw, 6.4rem);
  --fs-h1:     clamp(2.6rem, 5vw, 4.4rem);
  --fs-h2:     clamp(2.2rem, 4vw, 3.6rem);
  --fs-h3:     clamp(1.5rem, 2.2vw, 1.9rem);
  --fs-lead:   clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-body:   1.125rem;
  --fs-small:  0.95rem;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter:    clamp(20px, 5vw, 48px);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --radius:    14px;
  --radius-lg: 24px;
  --arch:      999px 999px var(--radius) var(--radius);   /* temple-arch image tops */
  --header-h:  78px;
  --shadow:    0 18px 40px -22px rgba(62, 12, 23, .35);
}

/* ---- Hindi pages: Devanagari needs more line height and slightly smaller display sizes ---- */
html[lang|="hi"] {
  --fs-hero: clamp(2.3rem, 5.2vw, 4.8rem);
  --fs-h1:   clamp(2.1rem, 4vw, 3.5rem);
  --fs-h2:   clamp(1.8rem, 3.2vw, 2.9rem);
  --fs-h3:   clamp(1.35rem, 2vw, 1.7rem);
}