/* ============================================================
   H3 — Spacing (8pt) · Radius · Shadow tokens
   丸み = ブランドの親しみ／影は青みを避けたやわらかい温かさ
   ============================================================ */
:root {
  /* ---- Spacing (8pt) ---- */
  --h3-sp-1: 4px;  --h3-sp-2: 8px;  --h3-sp-3: 12px; --h3-sp-4: 16px;
  --h3-sp-5: 24px; --h3-sp-6: 32px; --h3-sp-7: 48px; --h3-sp-8: 64px;
  --h3-sp-9: 96px; --h3-sp-10:128px;

  /* ---- Radius ---- */
  --h3-r-sm:   8px;
  --h3-r-md:   14px;
  --h3-r-lg:   22px;
  --h3-r-xl:   32px;
  --h3-r-pill: 999px;

  /* ---- Shadow ---- */
  --h3-shadow-sm:     0 1px 2px rgba(31,37,48,.06), 0 2px 6px rgba(31,37,48,.05);
  --h3-shadow-md:     0 6px 18px rgba(31,37,48,.08), 0 2px 6px rgba(31,37,48,.05);
  --h3-shadow-lg:     0 18px 48px rgba(31,37,48,.12);
  --h3-shadow-accent: 0 10px 28px rgba(253,111,34,.28);
}