/* ============================================================
   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: #6e6e73;          /* secondary text, captions */
  --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;
}

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

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  font-family: 'Inter', sans-serif;
  background: var(--white);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}