/* tokens.css | split from styles.css (cascade-preserving; see index.html link order) */
/* ═══════════════════════════════════════════════════════════════
   Pikumo — Warm Native Design System
   Complete rewrite for full website application
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Tokens ─────────────────────────────────────────────────── */

:root {
  --coral:        #ff5a6e;
  --coral-hover:  #ef5065;
  --coral-soft:   #fff0f2;
  --coral-dim:    rgba(255,90,110,0.10);
  --ink:          #161616;
  --ink-2:        #3a3a3a;
  --muted:        #6c6c72;
  --faint:        #7a7a82;
  --stone:        #f7f4f2;
  --warm-white:   #fffdfc;
  --surface:      #ffffff;
  --line:         rgba(17,17,17,0.07);
  --line-md:      rgba(17,17,17,0.12);

  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   22px;
  --r-xl:   28px;
  --r-pill: 999px;

  --sh-xs: 0 1px 4px rgba(17,17,17,0.04);
  --sh-sm: 0 3px 12px rgba(17,17,17,0.06);
  --sh-md: 0 6px 24px rgba(17,17,17,0.08);
  --sh-lg: 0 12px 40px rgba(17,17,17,0.10);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", monospace;

  --header-h: 68px;
  --wizard-footer-h: 72px;
  --container-w: 1160px;
  --section-pad: 96px;
}