/*
 * Theme Name:   BellaMiss Child
 * Theme URI:    https://bellamiss.com.br
 * Description:  Tema filho do Astra para BellaMiss Saúde Estética — Toledo - PR
 * Author:       BellaMiss Saúde Estética
 * Author URI:   https://bellamiss.com.br
 * Template:     astra
 * Version:      2.0.0
 * Text Domain:  bellamiss-child
 * License:      GPL v2 or later
 */

/* ==========================================================================
   VARIÁVEIS CSS GLOBAIS — Paleta BellaMiss v2 (definitiva)
   Todos os arquivos do tema DEVEM usar estas variáveis. Nunca hardcodar hex.
   ========================================================================== */

:root {

  /* --- Cor Primária: Bordô (Chocolate Cosmos) --- */
  --bm-primary:        #5D0D2A;   /* Chocolate Cosmos — cor principal da marca */
  --bm-primary-dark:   #3E0819;   /* Bordô escuro — fundos de seção, footer */
  --bm-primary-hover:  #7A1038;   /* Hover de botões e links */

  /* --- Cor Secundária: Old Rose --- */
  --bm-secondary:      #B17368;   /* Old Rose — destaque, ícones, eyebrows */
  --bm-secondary-light:#C9908A;   /* Old Rose claro — hover, variações */

  /* --- Tons Neutros Quentes --- */
  --bm-pale-dogwood:   #DDBBB1;   /* Pale Dogwood — backgrounds suaves, badges */
  --bm-magnolia:       #ECE7EB;   /* Magnolia — background principal da página */
  --bm-ash-gray:       #B0BAAF;   /* Ash Gray — texto secundário, detalhes sutis */
  --bm-battleship:     #888977;   /* Battleship Gray — texto terciário, rodapés */

  /* --- Funcionais --- */
  --bm-white:          #FFFFFF;
  --bm-text:           #2C1018;   /* Texto principal — quase preto com toque bordô */
  --bm-text-sec:       #6B4A52;   /* Texto secundário — bordô acinzentado */
  --bm-border:         rgba(177, 115, 104, 0.25);
  --bm-border-strong:  rgba(93, 13, 42, 0.20);

  /* --- Backgrounds de Seção (alternados) --- */
  --bm-bg-page:        #ECE7EB;   /* Magnolia — fundo geral */
  --bm-bg-section-1:   #FFFFFF;   /* Seções brancas */
  --bm-bg-section-2:   #F7F2F4;   /* Seções levemente rosadas */
  --bm-bg-section-3:   #DDBBB1;   /* Pale Dogwood — seções de destaque suave */
  --bm-bg-dark:        #5D0D2A;   /* Bordô — CTAs e contraste */
  --bm-bg-darker:      #3E0819;   /* Bordô escuro — footer, CTA final */

  /* --- Gradientes --- */
  --bm-gradient-primary: linear-gradient(135deg, #5D0D2A 0%, #7A1038 100%);
  --bm-gradient-rose:    linear-gradient(135deg, #B17368 0%, #DDBBB1 100%);
  --bm-gradient-hero:    linear-gradient(135deg, rgba(62,8,25,0.88) 0%, rgba(93,13,42,0.70) 100%);

  /* --- Sombras --- */
  --bm-shadow-sm:   0 2px 12px rgba(93, 13, 42, 0.08);
  --bm-shadow-md:   0 4px 24px rgba(93, 13, 42, 0.12);
  --bm-shadow-lg:   0 8px 48px rgba(93, 13, 42, 0.16);
  --bm-shadow-rose: 0 4px 20px rgba(177, 115, 104, 0.25);

  /* --- Tipografia --- */
  --bm-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --bm-font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* Escala tipográfica */
  --bm-text-xs:   11px;
  --bm-text-sm:   13px;
  --bm-text-base: 15px;
  --bm-text-md:   17px;
  --bm-text-lg:   20px;
  --bm-text-xl:   28px;
  --bm-text-2xl:  36px;
  --bm-text-3xl:  44px;
  --bm-text-4xl:  56px;
  --bm-text-5xl:  72px;

  /* --- Bordas Arredondadas --- */
  --bm-radius:      12px;
  --bm-radius-sm:   6px;
  --bm-radius-pill: 50px;

  /* --- Transições --- */
  --bm-transition:      0.25s ease;
  --bm-transition-slow: 0.4s ease;

  /* --- Espaçamentos de Seção --- */
  --bm-section-py:    80px;
  --bm-section-py-sm: 48px;

  /* --- Container --- */
  --bm-container-max:    1200px;
  --bm-container-max-sm: 840px;
  --bm-container-px:     24px;
}