/* Tokens do design system (docs/DESIGN-SYSTEM.md). Provisórios até a identidade oficial (P4). */

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Cores */
  --verde-900: #1E3D2F;
  --verde-700: #2E5944;
  --verde-100: #E8F0EB;
  --areia-50: #FAF7F2;
  --areia-200: #EDE5D8;
  --grafite-900: #23241F;
  --grafite-600: #5B5E55;
  --dourado-500: #B08D4A;
  --branco: #FFFFFF;
  --erro: #B3261E;

  /* Tipografia */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 2vw, 2.25rem);
  --text-3xl: clamp(2rem, 1.4rem + 2.8vw, 3rem);
  --text-hero: clamp(2rem, 5vw + 1rem, 4rem);

  /* Espaçamento (escala de 8px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --section-y: clamp(3.5rem, 8vw, 6rem);

  /* Forma */
  --radius: 12px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 30px rgba(30, 61, 47, 0.12);

  /* Layout */
  --container: 1200px;
  --container-narrow: 720px;
  --gutter: 1.5rem;

  /* Movimento (ADR-0008) */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 200ms;
  --dur-base: 250ms;
  --dur-reveal: 400ms;

  /* Z-index */
  --z-header: 100;
  --z-whatsapp: 110;
  --z-menu: 120;
  --z-consent: 130;
}