/* ============================================================
   tokens.css — DESIGN TOKENS & RESET
   Single source of truth. Edit here, changes apply everywhere.
   ============================================================ */

:root {
  /* ── Backgrounds ── */
  --bg:         #F8F8FC;
  --surface:    #FFFFFF;
  --hero-bg:    #EDEDFA;

  /* ── Text ── */
  --ink:        #111827;
  --ink-soft:   #374151;
  --muted:      #6B7280;
  --subtle:     #9CA3AF;

  /* ── Accent: Indigo ── */
  --accent:     #4F46E5;
  --accent-h:   #6366F1;
  --accent-bg:  rgba(79, 70, 229, 0.07);
  --accent-bdr: rgba(79, 70, 229, 0.18);

  /* ── Accent: Emerald (secondary) ── */
  --emerald:     #059669;
  --emerald-bg:  rgba(5, 150, 105, 0.08);
  --emerald-bdr: rgba(5, 150, 105, 0.18);

  /* ── Borders ── */
  --border:     #E5E7EB;
  --border-lt:  #F3F4F6;

  /* ── Radii ── */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-xl:  28px;

  /* ── Shadows ── */
  --sh-sm: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);
  --sh-md: 0 4px 20px rgba(0,0,0,0.07), 0 1px 6px rgba(0,0,0,0.04);
  --sh-lg: 0 20px 60px rgba(0,0,0,0.10), 0 4px 16px rgba(0,0,0,0.05);

  /* ── Fonts ── */
  --font-display: Helvetica, Arial, sans-serif;
  --font-body:    Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html   { scroll-behavior: smooth; font-size: 16px; }
body   { font-family: var(--font-body); background: var(--bg); color: var(--ink);
         line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img    { max-width: 100%; display: block; }
a      { text-decoration: none; color: inherit; }
ul     { list-style: none; }