/* ===================================================================
   ITAMARATY ESTÉTICA AUTOMOTIVA — DESIGN TOKENS
   Fonte única de verdade para cor/tipografia. Usado por index.css e
   services.css. Custom properties atravessam Shadow DOM, então os
   Web Components em /components também leem estas variáveis.
   =================================================================== */

:root {
  --void: #08090b;
  --graphite: #131519;
  --graphite-2: #1b1e23;
  --graphite-3: #23272e;
  --hairline: rgba(255, 255, 255, 0.09);
  --hairline-strong: rgba(255, 255, 255, 0.16);

  --text: #eef1f4;
  --text-dim: #9aa1ab;
  --text-faint: #5b626c;

  --primary: #c9a01a;
  --primary-bright: #f5cc1f;
  --primary-bright-hover: #ffdb4d;
  --primary-deep: #2b2107;
  --primary-glow: rgba(245, 204, 31, 0.35);
  --primary-glow-0: rgba(245, 204, 31, 0);

  --whatsapp-green: #25d366;
  --whatsapp-green-dark: #1ebe57;

  --text-photo-dim: #d3d7dc;

  --void-a22: rgba(8, 9, 11, 0.22);
  --void-a55: rgba(8, 9, 11, 0.55);
  --void-a85: rgba(8, 9, 11, 0.85);
  --void-a86: rgba(8, 9, 11, 0.86);
  --void-a88: rgba(8, 9, 11, 0.88);
  --void-a92: rgba(8, 9, 11, 0.92);

  --shadow-40: rgba(0, 0, 0, 0.4);
  --shadow-50: rgba(0, 0, 0, 0.5);

  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --font-accent: 'Montserrat', sans-serif;
}