/* Design tokens: colors, spacing, typography, radius, transitions */
    /* ── 1. CSS VARIABLES ────────────────────────────────────── */
    :root {
      --teal: #007c9d;
      --teal-dark: #005f79;
      --teal-soft: #eaf7fb;
      --raspberry: #A62159;
      --raspberry-soft: #f9edf2;
      --raspberry-dark: #861a48;
      --yellow: #fdb913;
      --yellow-soft: #fef8e7;
      --ink: #132733;
      --muted: #617483;
      --line: #d9e7ec;
      --surface: #ffffff;
      --surface-soft: #f2f8fa;
      --shadow-lg: 0 28px 70px rgba(10, 42, 52, 0.14);
      --shadow-md: 0 14px 34px rgba(10, 42, 52, 0.08);
      --radius-xl: 34px;
      --radius-lg: 24px;
      --radius-md: 18px;
      --max-width: 1280px;
    }