/* ==========================================================================
   SVAYA VASTRA — design tokens
   Every colour and font in the site comes from here. No raw hex elsewhere.
   ========================================================================== */
:root {
  /* brand palette (SPEC 2.1) */
  --forest: #10241D;
  --canopy: #1B3A2C;
  --bark:   #39271E;
  --areca:  #7B2430;
  --terra:  #A0442F;
  --mist:   #F7F2E5;
  --mist-2: #EFE8D6;
  --brass:  #B58A4C;
  --stone:  #6C7168;
  --ink:    #121411;

  --brass-d: #8A6428;  /* brass on cream / light grounds */
  --brass-l: #E2C693;  /* brass on forest, bark and photographs */

  --line:       rgba(18, 20, 17, .14);
  --line-light: rgba(244, 240, 230, .18);

  /* thread accents — only for yarn on spools, warp lines and weave transitions */
  --thread-kumkum:   #B5283A;
  --thread-turmeric: #D8A32A;
  --thread-indigo:   #2B4C7E;
  --thread-leaf:     #2F6B4F;
  --thread-ivory:    #EFE6D0;

  /* type */
  --f-display:  "Bodoni Moda", Didot, "Times New Roman", Georgia, serif;
  --f-sans:     "Jost", "Helvetica Neue", Arial, sans-serif;
  --f-kn:       "Noto Sans Kannada", "Jost", Arial, sans-serif;
  --f-kn-serif: "Noto Serif Kannada", "Bodoni Moda", Georgia, serif;

  /* layout */
  --gut:  20px;
  --maxw: 1280px;
  --band-y:       clamp(52px, 7.5vw, 96px);
  --band-y-tight: clamp(36px, 5vw, 60px);

  /* motion */
  --ease: cubic-bezier(.19, 1, .22, 1);
}

@media (min-width: 768px) {
  :root { --gut: 32px; }
}
