/* ============================================================
   InsightRS Design Tokens — extracted from home.html (live, May 2026)
   ============================================================ */

:root {
  --ink: #111114;          /* primary text, dark sections, footer */
  --ink-soft: #3a3a3f;     /* body copy in white sections */
  --mid: #565659;          /* secondary text, captions — darkened from #6e6e73 for Apple-crisp contrast (v1 lighten pass) */
  --rule: #d2d2d7;         /* borders, dividers in light sections */
  --surface: #f5f5f7;      /* light gray section background */
  --white: #fff;
  --blue: #1976D2;         /* primary CTA, accents, eyebrows — Material Blue 700, app-family + legible */
  --blue-dark: #1565C0;    /* hover — Material Blue 800 */
  --orange: #FF9800;       /* secondary accent — app Sale-Mode orange, used sparingly */
  --green: #065f46;
  --light-green: #d1fae5;
  --amber: #92400e;
  --light-amber: #fef3c7;
  --gold: #c9962a;

  /* ── TYPE SCALE — single source of truth (Apple-calibrated) ──────────────
     Change weight/tracking/family here → the whole site moves. Headlines are
     semibold (not bold) with tight tracking; sizes are roles, not one-offs. */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head: 'Lora', Georgia, serif;  /* headline serif — reinstated per Tim/Clark 2026-06-10 */
  --fw-head: 600;            /* Apple semibold — all headlines */
  --fw-body: 400;
  --track-head: -0.022em;    /* tight headline tracking */
  --fs-hero: clamp(40px, 5vw, 64px);   /* sentence-length hero */
  --fs-h2:   clamp(28px, 3.4vw, 44px);   /* section headline */
  --fs-h3:   clamp(24px, 2.6vw, 32px);   /* sub-headline */
  --fs-deck: clamp(19px, 1.8vw, 24px);   /* lead / deck paragraph */
  --fs-body: 17px;                        /* body copy */
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lora:ital,wght@0,500;0,600;0,700;1,500&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  font-family: var(--font-sans);
  background: var(--white);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
h1, h2, h3 { font-family: var(--font-head); }
h1, h2, h3 { font-weight: var(--fw-head); }   /* Apple semibold 600 — token-driven, not bold */