/*
  Sleep Essentials — design tokens.
  Single source of truth for color, type scale, and shared layout/motion
  values. No hex value, radius value, or motion duration exists anywhere
  else on this page — every later section references these.
*/

:root {
  /* Greens — anchor to the existing brand, deepened for contrast */
  --moss-900: #16281D;
  --moss-700: #274736;
  --moss-500: #437054;
  --moss-300: #8FB09B;

  /* Warm neutrals — carry the organic positioning */
  --paper:    #FDFCF9;
  --sand-100: #F4EFE5;
  --sand-200: #E6DCCA;
  --ink:      #14201A;

  --measure: 34rem;
  --step--1: clamp(0.94rem, 0.9rem + 0.2vw, 1.05rem);
  --step-0:  clamp(1.06rem, 1rem + 0.3vw, 1.2rem);
  --step-1:  clamp(1.4rem, 1.2rem + 0.9vw, 2rem);
  --step-2:  clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --step-3:  clamp(2.4rem, 1.7rem + 3.4vw, 4.2rem);

  /* Layout + motion — added so no later section invents a second value */
  --content-width: 72rem;
  --section-pad-block: clamp(4rem, 10vw, 8rem);
  --radius: 0.25rem;
  --motion-fast: 150ms ease-out;

  /* Focus ring color, indirected through a custom property so the ring
     stays one rule ("identical everywhere") while its value flips on
     inverted grounds. */
  --focus-ring: var(--moss-700);
}