/* ============================================================
   A&F Festas e Eventos — Design Tokens
   Fonte de verdade: design-system-af-festas.md §13
   ============================================================ */
:root {
  /* — Azul (primária / marca) — */
  --blue-50:#E9F6FC;  --blue-100:#C4E9F7; --blue-300:#6CC5EA;
  --blue-500:#1BA0D8; --blue-600:#1488BC; --blue-700:#0E6E9B;

  /* — Teal (títulos) — */
  --teal-700:#1A7290; --teal-800:#155E78;

  /* — Laranja (CTA) — */
  --orange-50:#FFF1E2; --orange-500:#F47C1C; --orange-600:#E0680C; --orange-700:#C25A09;

  /* — Acentos festivos — */
  --green-500:#2EA84A; --green-600:#23873B;
  --lime-400:#B5D334;
  --yellow-400:#FFC83D; --yellow-500:#F5A623;
  --red-500:#E5453F;   --red-600:#CC322D;
  --wa-500:#25D366;    --wa-600:#1EBE5A;

  /* — Neutros / superfícies — */
  --surface:#FFFFFF; --bg-cream:#F7F0E6;
  --ink-800:#283A44; --ink-600:#5C6B73; --ink-400:#90A0A8; --ink-200:#C3CDD2;
  --border:#E1E8EC;

  /* — Estados — */
  --success:#2EA84A; --success-bg:#E8F7EC;
  --error:#E5453F;   --error-bg:#FDECEB;
  --warning:#F5A623; --warning-bg:#FEF4E0;
  --info:#1BA0D8;    --info-bg:#E9F6FC;

  /* — Tipografia — */
  --font-display:'Fredoka', sans-serif;
  --font-body:'Nunito', sans-serif;

  /* — Espaçamento (base 4px) — */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px;

  /* — Raio — */
  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* — Sombras — */
  --sh-sm:0 2px 6px rgba(40,58,68,.06);
  --sh-md:0 8px 24px rgba(40,58,68,.10);
  --sh-lg:0 18px 48px rgba(40,58,68,.14);
  --sh-cta:0 10px 22px rgba(244,124,28,.35);

  /* — Layout — */
  --container:1180px;

  /* ============================================================
     Tokens auxiliares (apoio à implementação — não alteram o DS)
     ============================================================ */
  --container-pad:24px;          /* padding lateral do container */
  --header-h:110px;               /* altura do header fixo */

  /* Transições */
  --t-fast:.15s ease;
  --t-base:.25s ease;
  --t-slow:.4s ease;

  /* Anel de foco acessível */
  --focus-ring:0 0 0 4px var(--blue-50);
  --focus-ring-strong:0 0 0 4px rgba(27,160,216,.35);

  /* Camadas (z-index) */
  --z-base:1;
  --z-doodle:2;
  --z-header:1000;
  --z-overlay:1100;
  --z-float:1200;
}