/* ============================================================
   DESIGN TOKENS
   Single source of truth for colors, type, spacing, motion.
   Edit here to shift the whole site.
   ============================================================ */

:root {
  /* ── Color ───────────────────────────────────────────────── */
  --teal:         #1a9e8f;
  --teal-deep:    #0d7a6e;
  --teal-light:   #e6f5f3;
  --ink:          #1a1a2e;
  --ink-soft:     #3a3a52;
  --warm-gray:    #6b6b7b;
  --light-gray:   #f4f3f1;
  --cream:        #faf9f7;
  --white:        #ffffff;
  --accent-coral: #e8614d;

  /* ── Typography ──────────────────────────────────────────── */
  --serif: 'DM Serif Display', Georgia, serif;
  --sans:  'Outfit', system-ui, -apple-system, sans-serif;

  /* ── Spacing ─────────────────────────────────────────────── */
  --section-pad:        6rem 3rem;
  --section-pad-mobile: 4rem 1.5rem;
  --inner-max:          960px;

  /* ── Radius ──────────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-pill: 100px;

  /* ── Shadow ──────────────────────────────────────────────── */
  --shadow-soft:  0 8px 30px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.08);

  /* ── Motion ──────────────────────────────────────────────── */
  --ease-default: 0.3s ease;
  --ease-slow:    0.5s ease;

  /* ── Layering ────────────────────────────────────────────── */
  --z-nav:    100;
  --z-hero:   10;
  --z-modal:  200;
}