/* ============================================================
   TEMA CONFIGURÁVEL — Débora Borges Psicóloga
   Edite as variáveis abaixo para alterar as cores do site

   PALETA ATIVA:
   #f9b38d  Salmão claro
   #da6ea6  Rosa vibrante
   #31201b  Marrom escuro (chocolate)
   #0d0707  Quase preto
   #e2b5ce  Rosa suave / lilás
   #82522f  Marrom médio (caramelo)
   #d8a073  Bege dourado
   #f4cda5  Pêssego claro
   ============================================================ */

:root {
  /* ── Cores Primárias ── */
  --color-primary:       #31201b;   /* Marrom-chocolate (navbar, footer, barras escuras) */
  --color-primary-dark:  #0d0707;   /* Quase preto (hover, sombras profundas) */
  --color-primary-light: #82522f;   /* Marrom caramelo (ícones, destaques secundários) */

  /* ── Cores de Destaque (CTA) ── */
  --color-accent:        #da6ea6;   /* Rosa vibrante (botões principais, CTA) */
  --color-accent-hover:  #c25592;   /* Rosa escuro (hover do CTA) */
  --color-accent-light:  #e2b5ce;   /* Rosa suave (detalhe, acento leve) */

  /* ── Fundo & Superfícies ── */
  --color-bg:            #fdf7f4;   /* Branco quente principal (fundo geral) */
  --color-bg-alt:        #faeee6;   /* Pêssego muito suave (seções alternadas) */
  --color-surface:       #FFFFFF;   /* Branco puro (cards, modais) */
  --color-surface-warm:  #fef9f6;   /* Branco creme (navbar, superfícies quentes) */

  /* ── Texto ── */
  --color-text-dark:     #1a0f0d;   /* Texto principal (derivado do preto da paleta) */
  --color-text-body:     #4a3530;   /* Texto de corpo (marrom suave) */
  --color-text-muted:    #8c7570;   /* Texto secundário / muted */
  --color-text-light:    #FFFFFF;   /* Texto em fundos escuros */

  /* ── Tags / Labels ── */
  --color-tag:           #da6ea6;   /* Rosa vibrante (labels de seção: SOBRE MIM, etc.) */

  /* ── Estrelas / Avaliações ── */
  --color-star:          #F4B942;   /* Dourado (estrelas de avaliação) */

  /* ── Bordas ── */
  --color-border:        #e8d4c8;   /* Bege rosado (bordas dos cards) */
  --color-border-light:  #f2e5de;   /* Bege muito suave (bordas leves) */

  /* ── Tipografia ── */
  --font-heading:        'Playfair Display', Georgia, serif;
  --font-body:           'Inter', system-ui, sans-serif;

  /* ── Tamanhos de Fonte ── */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;

  /* ── Espaçamentos ── */
  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  1.5rem;
  --spacing-lg:  2.5rem;
  --spacing-xl:  4rem;
  --spacing-2xl: 6rem;

  /* ── Bordas Arredondadas ── */
  --radius-sm:   0.375rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-xl:   2rem;
  --radius-full: 9999px;

  /* ── Sombras (ajustadas para o marrom da paleta) ── */
  --shadow-sm:   0 1px 3px rgba(49,32,27,0.08), 0 1px 2px rgba(49,32,27,0.04);
  --shadow-md:   0 4px 16px rgba(49,32,27,0.10), 0 2px 6px rgba(49,32,27,0.06);
  --shadow-lg:   0 10px 40px rgba(49,32,27,0.13), 0 4px 12px rgba(49,32,27,0.08);
  --shadow-card: 0 2px 20px rgba(218,110,166,0.08);

  /* ── Transições ── */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;
  --transition-slow:   0.4s ease;

  /* ── Navbar ── */
  --navbar-height:     72px;
  --navbar-height-mob: 60px;
}

/* ============================================================
   TEMAS ALTERNATIVOS (descomente para usar)
   ============================================================ */

/* Tema Original Verde (anterior) */
/*
:root {
  --color-primary:       #2E4A3D;
  --color-primary-dark:  #1D3228;
  --color-primary-light: #4A7C68;
  --color-accent:        #D4703A;
  --color-accent-hover:  #B85E2F;
  --color-accent-light:  #F0956B;
  --color-bg:            #FAF6F0;
  --color-bg-alt:        #F3EDE3;
  --color-surface-warm:  #FDF8F3;
  --color-tag:           #B86A3A;
  --color-border:        #E5DDD2;
  --color-border-light:  #F0EAE0;
  --shadow-card:         0 2px 20px rgba(46,74,61,0.08);
}
*/

/* Tema Azul Profissional */
/*
:root {
  --color-primary:       #1E3A5F;
  --color-primary-dark:  #122543;
  --color-primary-light: #3B6EA0;
  --color-accent:        #3B82C4;
  --color-accent-hover:  #2A6AAD;
  --color-accent-light:  #93C5E8;
  --color-bg:            #F0F4F8;
  --color-bg-alt:        #E8EEF4;
  --color-surface-warm:  #F5F8FB;
  --color-tag:           #1E3A5F;
  --color-border:        #C8D8E8;
  --color-border-light:  #DDE8F0;
  --shadow-card:         0 2px 20px rgba(30,58,95,0.08);
}
*/