/* ── Design tokens — única fonte de verdade para cores, espaçamento,
   raio e sombra. Compartilhado por todas as páginas (site, galeria,
   admin) para acabar com os 3 sistemas de cor divergentes que existiam
   antes (--blue vs --azul vs --azul do cadastro). ───────────────── */
:root {
  --blue:      #0077b6;
  --blue-dk:   #023e8a;
  --blue-lt:   #00b4d8;
  --blue-xlt:  #90e0ef;
  --accent:    #f4b740;
  --accent-dk: #d99a1f;

  --success:   #10b981;
  --success-dk:#059669;
  --danger:    #ef4444;
  --danger-dk: #dc2626;
  --whatsapp:  #25d366;

  --dark:      #0f172a;
  --body:      #1e293b;
  --muted:     #64748b;
  --light:     #94a3b8;
  --bg:        #f8fafc;
  --bg-alt:    #eff6ff;
  --white:     #ffffff;
  --border:    #e2e8f0;

  --radius-sm: 10px;
  --radius:    16px;
  --radius-lg: 22px;
  --shadow:    0 4px 24px rgba(0,0,0,.07);
  --shadow-md: 0 8px 40px rgba(0,0,0,.12);
  --shadow-lg: 0 16px 56px rgba(0,0,0,.18);
}