/* ═══════════════════════════════════════════════════════════
   TOKENS — Design System · Dedetizadora Fortaleza RJ
   ═══════════════════════════════════════════════════════════ */
:root {
  /* ── Brand ──────────────────────────────────────── */
  --blue:    #1648D0;
  --blue-d:  #0F36A8;
  --blue-l:  #4169DE;
  --blue-bg: #EBF0FF;

  --orange:  #F97316;
  --org-d:   #D95E07;
  --org-l:   #FFA84A;

  /* ── Neutrals ────────────────────────────────────── */
  --ink:    #0A1628;
  --ink2:   #12243A;
  --ink3:   #1C334F;
  --body:   #374151;
  --muted:  #6B7280;
  --line:   rgba(0,0,0,.07);
  --cream:  #F7F6F3;
  --white:  #FFFFFF;

  /* ── Spacing scale ───────────────────────────────── */
  --sp-2:  8px;  --sp-3:  12px; --sp-4:  16px; --sp-5:  20px;
  --sp-6:  24px; --sp-8:  32px; --sp-10: 40px; --sp-12: 48px;
  --sp-16: 64px; --sp-20: 80px; --sp-24: 96px; --sp-28: 112px;

  /* ── Radii ───────────────────────────────────────── */
  --r:    12px;
  --r-sm: 8px;
  --r-xs: 6px;
  --r-full: 9999px;

  /* ── Shadows ─────────────────────────────────────── */
  --sh:    0 2px 16px rgba(0,0,0,.08);
  --sh-md: 0 8px 36px rgba(0,0,0,.12);
  --sh-lg: 0 20px 56px rgba(0,0,0,.18);

  /* ── Motion ──────────────────────────────────────── */
  --ease:   all .27s cubic-bezier(.4,0,.2,1);
  --ease-b: all .34s cubic-bezier(.34,1.56,.64,1);
  --ease-out: all .5s cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: all .6s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Z-index ─────────────────────────────────────── */
  --z-fwa:    880;
  --z-drawer: 890;
  --z-nav:    900;
  --z-modal:  950;
}