/* ============================================================
   VARIABLES.CSS — Design Tokens & CSS Custom Properties
   Paula Fernanda — Landing Page (Tema Claro / Azul Cornflower)

   Tema claro corporativo baseado na cor da blusa (azul cornflower).
   Os NOMES dos tokens foram mantidos do projeto original para
   reaproveitar todo o CSS; apenas os VALORES mudaram para o
   esquema claro. Altere AQUI para mudar o visual inteiro.
   ============================================================ */

:root {
  /* ── Paleta Azul (cornflower / blusa) ── */
  --gold-primary: #4A73C0;   /* azul principal (títulos, destaques, links) */
  --gold-dark:    #2E5099;   /* azul escuro */
  --gold-soft:    #24416F;   /* azul profundo (títulos fortes) */

  /* Aliases semânticos (uso no theme.css) */
  --blue-primary: #4A73C0;
  --blue-dark:    #2E5099;
  --blue-deep:    #1B2F57;
  --blue-soft:    #7C9BD6;
  --blue-tint:    #EEF3FB;
  --blue-tint-2:  #F6F9FD;

  /* ── Neutros (claro) ── */
  --cream: #1E2A3F;          /* TEXTO base escuro (era creme no tema dark) */
  --black-pure: #FFFFFF;     /* FUNDO base branco */
  --black-header: #FFFFFF;
  --black-footer: #1B2F57;   /* rodapé azul profundo */
  --black-card: #FFFFFF;     /* fundo de card branco */
  --gray-sub: #4F5E73;       /* texto secundário */
  --gray-mid: #8693A6;       /* texto suave / muted */
  --dark-text: #A6B2C2;      /* texto bem suave */
  --line: #E3EAF4;           /* linhas / divisórias */

  /* ── CTA / Acoes ── */
  --cta-start: #2E5099;
  --cta-end: #4A73C0;
  --tarja-bg: linear-gradient(90deg, #2E5099, #4A73C0, #2E5099);
  --tarja-text: #FFFFFF;
  --accent-yellow: #2E5099;

  /* ── WhatsApp ── */
  --whatsapp-green: #25D366;

  /* ── Bordas e sombras ── */
  --border-gold-subtle: rgba(74, 115, 192, 0.14);
  --border-gold-medium: rgba(74, 115, 192, 0.22);
  --border-gold-strong: rgba(74, 115, 192, 0.50);
  --shadow-cta: rgba(46, 80, 153, 0.30);
  --shadow-cta-hover: rgba(46, 80, 153, 0.45);
  --shadow-gold-glow: rgba(74, 115, 192, 0.14);
  --shadow-card: 0 6px 24px rgba(27, 47, 87, 0.08);
  --shadow-card-hover: 0 14px 40px rgba(27, 47, 87, 0.14);

  /* ── Tipografia ── */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-accent: 'Montserrat', sans-serif;

  /* ── Espacamentos ── */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 60px;
  --spacing-xxl: 80px;

  /* ── Layout ── */
  --container-max: 1200px;
  --container-padding: 24px;
  --navbar-height: 60px;
  --tarja-height: 44px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 12px;
  --border-radius-full: 50%;

  /* ── Transicoes ── */
  --transition-fast: 0.3s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.6s ease;
}