/* ============================================================
   Yamini Sharath — site palette tokens
   The full styles live inline in index.html (single-file deploy).
   This stylesheet exposes the palette as CSS custom properties so
   any future external stylesheets stay in sync with the brand.
   ============================================================ */

:root {
  /* === Beige / warm-coral palette (beigeOption) === */
  --cream:      #FDF6EE;   /* main background */
  --warm:       #FAE8D8;   /* cards, sidebars, section fills */
  --mist:       #FDF0E8;   /* alternate section backgrounds */
  --sand:       #F2C4B0;   /* borders, dividers, scrollbar */
  --clay:       #E8735A;   /* primary accent — coral */
  --blush:      #F2C4B0;   /* secondary accent — light peach */
  --sage:       #8BAF8B;   /* sage green */
  --earth:      #C9883A;   /* darker accent — gold/amber */
  --ink:        #2C1A0E;   /* body text, dark section backgrounds */

  /* Inline tones */
  --body-text:        #7A5C4A;
  --body-text-strong: #3D2B1F;
  --label-mute:       #7A5C4A;
  --offer-hover:      rgba(232,115,90,.05);
  --modality-hover:   rgba(232,115,90,.08);
  --hero-grad-end:    #F5D5BE;

  /* Named tokens (used throughout CSS) */
  --sunrise:    #F5A623;
  --coral:      #E8735A;
  --warm-white: #FFFBF5;
  --gold:       #C9883A;
  --deep:       #2C1A0E;
  --text:       #3D2B1F;
  --text-light: #7A5C4A;
  --section-alt: var(--mist);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }