/* ============================================================
   BARBOSA DOS ANJOS — DESIGN TOKENS
   Fonte da verdade: Claude Design (claude.ai/design) → "Barbosa dos Anjos Advocacia"
   Sincronizado com a IV oficial. Editar via DESIGN.md.
   ============================================================ */
:root {
  /* Cores institucionais */
  --c-navy: #182233;
  --c-navy-deep: #0F1929;
  --c-navy-soft: #243047;
  --c-gold: #C2A27C;
  --c-gold-light: #D9BE9C;
  --c-gold-dark: #9E8158;
  --c-gold-text: #7A6442; /* dourado escurecido p/ TEXTO pequeno — passa WCAG AA (~5:1) */
  --c-offwhite: #F4F1EC;
  --c-offwhite-warm: #EFEBE3;
  --c-cream: #FAF8F4;
  --c-gray: #555555;
  --c-gray-light: #8A8A8A;
  --c-gray-soft: #E8E4DD;
  --c-black: #1A1A1A;
  --c-white: #FFFFFF;

  /* Feedback */
  --c-success: #2E7D5B;
  --c-error: #B33A3A;
  --c-whatsapp: #25D366;

  /* Tipografia */
  --f-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --f-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Espaçamento (8pt grid) */
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-5: 40px;
  --s-6: 48px; --s-7: 64px; --s-8: 80px; --s-9: 96px; --s-10: 128px;

  /* Containers */
  --max-w: 1280px;
  --max-w-narrow: 960px;
  --max-w-text: 720px;

  /* Radii */
  --r-sm: 4px; --r-md: 8px; --r-lg: 16px; --r-full: 999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(24, 34, 51, 0.06), 0 1px 3px rgba(24, 34, 51, 0.04);
  --shadow-md: 0 4px 12px rgba(24, 34, 51, 0.08), 0 2px 4px rgba(24, 34, 51, 0.04);
  --shadow-lg: 0 12px 32px rgba(24, 34, 51, 0.12), 0 4px 12px rgba(24, 34, 51, 0.06);
  --shadow-gold: 0 8px 24px rgba(194, 162, 124, 0.25);

  /* Transições */
  --t-fast: 150ms ease;
  --t-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}