/* ============================================================
   THEME  —  COOK WITH SINGH  (global design tokens)
   Ise HAR page ke <head> me SABSE PEHLE link karo:
   <link rel="stylesheet" href="css/theme.css">
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root{

  /* ---- 1. BASE  (~60%) ---- */
  --cream:        #FDFBEF;   /* page background */
  --surface:      #FFFFFF;   /* cards / raised blocks */
  --cream-tint:   #FDFBEF;   /* subtle alternate sections */

  /* ---- 2. GREEN  (brand ~30%)  —  ek hue, 3 shades ---- */
  --green-900:    #2E4A23;   /* headings */
  --green-600:    #668643;   /* icons, borders, secondary UI */
  --green-100:    #EAF1DA;   /* soft fills / hover wash */

  /* ---- 3. AMBER  (accent ~10%) ---- */
  --amber:        #FBAF47;   /* buttons, active, highlight */
  --amber-deep:   #E79421;   /* button hover / pressed */

  /* ---- text + lines (derived) ---- */
  --ink:          #30402C;   /* body copy */
  --muted:        #6E7D67;   /* captions, meta */
  --line:         rgba(46,74,35,.14);
  --line-strong:  rgba(46,74,35,.26);

  /* ---- type ---- */
  --font-head:    "Libre Baskerville", serif;
  --font-body:    "Inter", sans-serif;

  /* ---- shadow ---- */
  --shadow:       0 16px 40px -22px rgba(46,74,35,.40);
  --shadow-soft:  0 10px 26px -18px rgba(46,74,35,.30);

  /* ---- spacing scale (8pt) ---- */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:90px;

  /* ---- radius ---- */
  --r-sm:12px; --r-md:18px; --r-lg:28px;
}

/* ============================================================
   BASE RESET + TYPOGRAPHY
   ============================================================ */

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  font-family:var(--font-body);
  font-weight:400;
  font-size:15px;
  line-height:1.7;
  letter-spacing:.1px;
  color:var(--ink);
  background:var(--cream);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* HEADINGS — Libre Baskerville, HAMESHA UPPERCASE, tracked + tight line-height */
h1,h2,h3,h4,h5{
  font-family:var(--font-head);
  font-weight:700;
  color:var(--green-900);
  text-transform:uppercase;
  line-height:1.12;
}

h1{ font-size:clamp(2.3rem, 5vw, 3.4rem);  letter-spacing:.03em; line-height:1.08; }
h2{ font-size:clamp(1.8rem, 3.6vw, 2.6rem); letter-spacing:.035em; }
h3{ font-size:1.35rem; letter-spacing:.045em; }
h4{ font-size:1.05rem; letter-spacing:.055em; }

p{ max-width:62ch; }

a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }
button{ font-family:var(--font-body); cursor:pointer; }

/* small eyebrow / label helper (optional, use where needed) */
.eyebrow{
  font-family:var(--font-body);
  font-size:.74rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--green-600);
}