/* La La Laundry — design tokens. Change a value here, it changes everywhere. */

:root {
  /* ---- colour ------------------------------------------------------
     Ink is their Instagram forest green. All text is this colour.
     Blush is 1.76:1 on paper — it can never be text, only a 1px rule. */
  --paper:      #EDEFE9;
  --paper-lift: #F5F6F2;
  --ink:        #16352A;
  --ink-soft:   #4A5A50;
  --deep:       #0E241B;
  --blush:      #E5A4B4;
  --petal:      #F6DEE4;

  /* ---- type --------------------------------------------------------
     Two roles. Voice and utility. Nothing in between. */
  --voice: "Newsreader", "Iowan Old Style", Georgia, serif;
  --util:  "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --t-display: clamp(2.5rem, 4.6vw, 4rem);
  --t-title:   clamp(2rem, 3.8vw, 3.25rem);
  --t-lead:    clamp(1.25rem, 1.7vw, 1.625rem);
  --t-body:    1.0625rem;
  --t-small:   0.9375rem;
  --t-label:   0.6875rem;

  /* ---- space — spacious scale, 8px rhythm ------------------------- */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;
  --s-7: 6.5rem;
  --s-8: 9rem;

  --gutter: clamp(1.25rem, 5vw, 5rem);
  --measure: 34rem;
  --max: 82rem;

  /* ---- motion — one rhythm for the whole site --------------------- */
  --fast: 180ms;
  --slow: 420ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- shape ------------------------------------------------------
     Everything is 0. The call button is the only rounded object. */
  --radius: 0;
  --pill: 999px;
  --hair: 1px;
}