/* Lawton Connect design tokens. Source: domains/brand/knowledge/design-systems.md (2026-08-26)
   plus Kimberly's 2026-09-21 website rulings: paper and Ink first, color arrives through the scroll,
   registration bar only where it reads fresh. */
:root {
  --ink: #2C2E35;            /* primary text and dark surfaces. Never pure black */
  --cyan: #00B9F2;
  --magenta: #FB3199;        /* primary action */
  --yellow: #FFEB3D;         /* highlight only, never large fills or text */
  --paper: #FFFFFF;
  --n1: #F7F7F5; --n2: #EFEFEC; --n3: #E2E3E1; --n4: #B7B9BC; --n5: #6E7177; --n6: #42454D;

  --font: "Galano Classic", "Futura", "Century Gothic", system-ui, sans-serif;
  --h1: clamp(40px, 6vw, 88px);     /* Light 300, tight leading. Scaled up from the 44px print spec for a hero */
  --h2: clamp(30px, 3.4vw, 48px);   /* Regular 400 */
  --h3: clamp(22px, 2vw, 28px);     /* SemiBold 600 */
  --body: 18px;                     /* Regular 400, leading 1.55 */
  --label: 16px;                    /* SemiBold 600, +0.14em, uppercase */

  --gutter: clamp(20px, 5vw, 96px);
  --measure: 34rem;
  --ease: cubic-bezier(.22,.61,.36,1);
  --focus: 0 0 0 3px var(--paper), 0 0 0 5px var(--cyan);
}