/*
  R2 Engenharia — Design Tokens
  Paleta e tipografia conforme design system extraído (ver _extraction-brief.md, seção 2).
  Estas variáveis são a fonte única de verdade de cor/tipografia/espaçamento do site
  e podem ser reaproveitadas em subpáginas (ex.: blog institucional) mantendo consistência visual.
*/

:root {
  /* ---- Cores base ---- */
  --color-bg: #ffffff;
  --color-bg-alt: #f8f9fa;
  --color-bg-alt-2: #f1f4f6;

  /* ---- Texto ---- */
  --color-text: #2c3e50;
  --color-text-muted: #6c757d;
  --color-text-inverse: #ffffff;
  --color-text-inverse-muted: rgba(255, 255, 255, 0.78);

  /* ---- Marca ---- */
  --color-primary: #1a3a52;      /* azul profundo — marca */
  --color-primary-mid: #2d5a7b;  /* azul médio — apoio/gradientes */
  --color-primary-deep: #004e89; /* azul petróleo — apoio/gradientes */
  --color-accent: #ff6b35;       /* laranja vibrante — CTA/destaque */
  --color-accent-light: #ffa366; /* laranja claro — apoio/gradientes */

  /* ---- Bordas / estados ---- */
  --color-border: #dee2e6;
  --color-success: #25d366;

  /* ---- Gradientes de marca ---- */
  --gradient-brand: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
  --gradient-brand-3: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-primary) 100%);
  --gradient-hero-scrim: linear-gradient(180deg, rgba(10, 22, 32, 0.35) 0%, rgba(10, 22, 32, 0.55) 45%, rgba(8, 16, 24, 0.92) 100%);
  --gradient-panel: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);
  --gradient-noimg: linear-gradient(135deg, rgba(26, 58, 82, 0.94) 0%, rgba(0, 78, 137, 0.9) 45%, rgba(255, 107, 53, 0.85) 100%);

  /* ---- Tipografia ---- */
  --font-heading: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* ---- Layout ---- */
  --container-w: 1180px;
  --radius: 0.65rem;
  --radius-sm: 0.4rem;
  --radius-lg: 1.1rem;

  /* ---- Sombra ---- */
  --shadow: 0 4px 20px rgba(26, 58, 82, 0.09);
  --shadow-lg: 0 18px 44px rgba(26, 58, 82, 0.18);
  --shadow-sm: 0 2px 8px rgba(26, 58, 82, 0.08);

  /* ---- Espaçamento fluido ---- */
  --space-section: clamp(3.5rem, 6vw, 7rem);
  --space-gap: clamp(1.25rem, 2.5vw, 2.5rem);

  /* ---- Transições ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.4s;
}