/* =============================================
   VARIABLES.CSS — Grupo QG · Quebra Gelo
   Derivado do VISUAL.md
   ============================================= */

:root {
  /* Cores */
  --color-primary:      #3E6DAE;
  --color-primary-dark: #335C94;
  --color-secondary:    #6B96D4;
  --color-bg:           #F8FAFD;
  --color-surface:      #EDF2FB;
  --color-text:         #1E2A3B;
  --color-text-muted:   #6B7A99;
  --color-white:        #FFFFFF;
  --color-border:       #D6E2F5;
  --color-whatsapp:     #25D366;

  /* Tipografia */
  --font-display: 'Poppins', sans-serif;
  --font-body:    'Inter', sans-serif;
  --text-base:    18px;
  --line-height:  1.6;

  /* Espaçamento */
  --section-padding:    96px;
  --section-padding-sm: 56px;
  --container-max:      1200px;
  --container-px:       clamp(16px, 5vw, 48px);

  /* Border Radius */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-card:       0 4px 20px rgba(62, 109, 174, 0.08);
  --shadow-card-hover: 0 8px 32px rgba(62, 109, 174, 0.16);
  --shadow-nav:        0 2px 12px rgba(62, 109, 174, 0.08);
  --shadow-btn:        0 4px 14px rgba(62, 109, 174, 0.3);

  /* Transições */
  --transition-fast:   0.2s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;
}