/* ============================================================
   TOKENS — CSS custom properties, resets, base
   ============================================================ */

:root {
  --bg:           #FAF5EC;
  --bg-2:         #F1E6D3;
  --navy:         #4A3423;
  --navy-2:       #2E2015;
  --steel:        #B9A489;
  --steel-light:  #EDE1CC;
  --steel-dark:   #8B7355;
  --teal:         #6E7B4A;
  --teal-dark:    #4F5934;
  --coral:        #C1592F;
  --coral-dark:   #9C4423;
  --white:        #FFFFFF;
  --ink:          #2E2418;
  --shadow:       0 12px 30px rgba(74, 52, 35, 0.10);
  --radius:       18px;
}

/* Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

/* Base */
body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Baloo 2', system-ui, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.lang-hi {
  font-family: 'Noto Sans Devanagari', 'Baloo 2', system-ui, sans-serif;
}

h1, h2, h3, .display {
  font-family: 'Baloo 2', system-ui, sans-serif;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.15;
}
body.lang-hi h1,
body.lang-hi h2,
body.lang-hi h3,
body.lang-hi .display {
  font-family: 'Noto Sans Devanagari', 'Baloo 2', sans-serif;
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

.wrap { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

button, .btn {
  font-family: inherit;
  cursor: pointer;
  border: none;
  outline-offset: 3px;
}