/* ==========================================================================
   INSTITUTO MATHEUS BANDEIRA - DESIGN SYSTEM & TOKENS OFICIAIS
   Padrão: Clínico Contemporâneo, Editorial, Alto Contraste, Sem Excesso Escuro
   ========================================================================== */

:root {
  /* ---------------------------------------------------------
     1. BASE INSTITUCIONAL NEUTRA (Comum a todas as páginas)
     --------------------------------------------------------- */
  --bg-app: #F8F9FA;              /* Fundo principal claro e sofisticado */
  --bg-surface: #FFFFFF;          /* Cartões, blocos e áreas elevadas */
  --bg-subtle: #F1F3F5;           /* Fundos secundários, tabelas, caixas de citação */
  --bg-elevated: #FFFFFF;         /* Modais, menus flutuantes */

  /* Textos & Legibilidade (Sem usar preto 100% puro para não agredir os olhos) */
  --text-main: #1A202C;           /* Títulos e textos de alta ênfase */
  --text-body: #334155;           /* Parágrafos e leitura longa */
  --text-muted: #64748B;          /* Legendas, metadados e notas de rodapé */
  --text-inverse: #FFFFFF;        /* Texto sobre botões ou fundos escuros */

  /* Bordas e Divisores Refinados (1px) */
  --border-light: #E2E8F0;
  --border-focus: #CBD5E1;

  /* ---------------------------------------------------------
     2. CORES DE ASSINATURA POR ESPECIALIDADE (Identidade)
     --------------------------------------------------------- */
  
  /* Pilates Clínico: Verde Sálvia & Oliva Nobre */
  --pilates-primary: #2D4A3E;     /* Verde Sálvia Profundo */
  --pilates-accent: #3E6B59;      /* Variação interativa / hover */
  --pilates-light: #EBF3EF;       /* Fundo de destaque suave para badges e cards */
  --pilates-contrast: #FFFFFF;

  /* Dry Needling: Azul Petróleo & Ardósia */
  --dry-primary: #1E3A4C;         /* Azul Petróleo Clínico */
  --dry-accent: #2A526C;
  --dry-light: #EDF4F8;
  --dry-contrast: #FFFFFF;

  /* Pediatria & Geral: Terracota Suave & Argila */
  --ped-primary: #8C5341;
  --ped-accent: #A66450;
  --ped-light: #FBF2EE;
  --ped-contrast: #FFFFFF;

  /* ---------------------------------------------------------
     3. ACENTOS INSTITUCIONAIS & CONVERSÃO
     --------------------------------------------------------- */
  --brand-gold: #C5A880;          /* Dourado mate / prestígio acadêmico */
  --brand-gold-soft: #F9F6F0;     /* Fundo suave com toque dourado */
  
  /* WhatsApp & Ações Críticas (Direto e profissional) */
  --cta-whatsapp: #1EBE5D;
  --cta-whatsapp-hover: #179E4D;

  /* ---------------------------------------------------------
     4. TIPOGRAFIA & ESPAÇAMENTO
     --------------------------------------------------------- */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Raios de Arredondamento Orgânicos */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Sombras Naturais e Leves (Sem visual pesado de IA) */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
  --shadow-hover: 0 20px 30px -10px rgba(0, 0, 0, 0.08);

  /* ---------------------------------------------------------
     5. FORMULÁRIOS & COMPLIANCE JURÍDICO (Checkout & Contratos)
     --------------------------------------------------------- */
  --form-checkbox-size: 18px;
  --form-checkbox-border: #CBD5E1;
  --form-checkbox-active: var(--pilates-primary);
  --form-legal-text: 0.75rem;     /* 12px para termos contratuais e LGPD */
  --form-legal-color: #64748B;
  --form-legal-link: var(--pilates-primary);
}