/* ============================================================
   EMBERSON MARKETING — design tokens
   Direction: job-site editorial. Asphalt ground, hi-vis accent,
   heavy grotesque display, content-first layout.
   ============================================================ */

:root {
  /* --- Ground & surfaces --- */
  --ink:        #131619;   /* page ground — wet asphalt */
  --ink-raised: #1B1F24;   /* cards, panels */
  --ink-line:   #2A3037;   /* hairlines, borders */
  --bone:       #F2EFE9;   /* light section ground */
  --bone-sink:  #E4E0D6;   /* light section recess */

  /* --- Accents --- */
  --hivis:      #D9F24B;   /* hi-vis lime — highlight blocks, primary CTA */
  --hivis-deep: #B9D232;   /* hi-vis pressed state */
  --safety:     #FF5A1F;   /* safety orange — live dots, small signals */

  /* --- Text --- */
  --text-on-dark:     #F2EFE9;
  --text-on-dark-mid: #9AA3AD;   /* 7:1 on --ink */
  --text-on-light:    #131619;
  --text-on-light-mid:#575E66;

  /* --- Type --- */
  --font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --font-body:    "Archivo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --text-hero:  clamp(2.6rem, 1rem + 7.2vw, 6.5rem);
  --text-h2:    clamp(2rem, 1.1rem + 3.6vw, 4rem);
  --text-h3:    clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);
  --text-lede:  clamp(1.02rem, 0.96rem + 0.4vw, 1.28rem);
  --text-base:  clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --text-micro: 0.7rem;

  --tracking-micro: 0.28em;
  --leading-display: 0.94;

  /* --- Space --- */
  --space-section: clamp(4.5rem, 3rem + 7vw, 9.5rem);
  --gutter:        clamp(1.15rem, 4vw, 3.5rem);
  --measure:       58ch;

  /* --- Form --- */
  --radius:      4px;
  --radius-card: 10px;

  /* --- Motion --- */
  --dur-fast:   140ms;
  --dur:        340ms;
  --dur-slow:   720ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
}