/* =========================================================================
   Liquid Landing — design system
   Palm wine, beach, resort. Sun-bleached sand, palm shade, amber warmth.
   Prestige without polish: warm tones, generous type, no glassy surfaces.
   ========================================================================= */

:root {
  /* sand / paper — sun-bleached, warm */
  --sand:   #F7EFE0;
  --sand-2: #FCF8EE;
  --sand-3: #EFE3CB;
  --ink:    #251E14;
  --ink-2:  #4A4132;   /* body/secondary — nudged darker to keep the ink-2/ink-3 gap */
  --ink-3:  #625744;   /* labels/tertiary — clears the darkest paper in the system (#E4D4B6) at 4.85 */
  --line:   #E0D3B9;
  --line-2: #CDBD9C;

  /* palm shade — deep bands */
  --palm:   #12362A;
  --palm-2: #1C4A38;

  /* brand + warmth */
  --green:      #2F9E4F;   /* logo signature — fills, badges, buttons */
  --green-deep: #1E6E38;
  --green-lit:  #6FCB86;   /* green TEXT on palm bands — AA on --palm */
  --amber:      #C97A2B;   /* palm wine — BORDERS/selection/accent-color ONLY, never text */
  --clay:       #7F3C1F;   /* warm accent for TEXT — must clear the darkest paper (#E4D4B6) */

  --accent:      var(--green);
  --accent-deep: var(--green-deep);
  --warm:        var(--amber);

  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  --hero: clamp(3.2rem, 6.8vw, 6.2rem);
  --h1:   clamp(2.5rem, 4.4vw, 3.8rem);
  --h2:   clamp(2rem, 3.2vw, 2.9rem);

  --maxw: 1320px;
  --gutter: clamp(20px, 5vw, 76px);
  --section: clamp(64px, 8vw, 124px);
  --ease: cubic-bezier(.22,.61,.36,1);
  --r: 3px;
}