/**
 * ==============================================================================
 * IDENTIDADE VISUAL - DR. JEFFERSON FREITAS & CLÍNICA GÊNESIS
 * ==============================================================================
 * Paleta harmonizada com a Logo da Clínica Gênesis:
 * Terracota / Coral Nobre, Verde Sálvia, Alabastro Suave e Dourado Quente.
 * ==============================================================================
 */

:root {
  /* ============================================================================
   * 1. FONTES (TIPOGRAFIA)
   * ============================================================================
   */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ============================================================================
   * 2. CORES DA MARCA (CLÍNICA GÊNESIS)
   * ============================================================================
   */
  --color-primary: #C36D61;             /* Terracota / Coral Nobre da Logo */
  --color-primary-hover: #D47E72;       /* Tom mais vivo ao passar o mouse */
  --color-primary-light: #FBEFEA;       /* Tom pastel suave acolhedor */
  --color-primary-tint: rgba(195, 109, 97, 0.09); /* Fundo sutil */
  --color-primary-glow: rgba(195, 109, 97, 0.35); /* Brilho de destaque */
  --color-primary-rgb: 195, 109, 97;

  --color-sage: #5E7761;                /* Verde Sálvia da Logo Gênesis */
  --color-sage-hover: #4D6350;
  --color-sage-light: #EEF4EF;
  --color-sage-tint: rgba(94, 119, 97, 0.1);

  --color-whatsapp: #25D366;           /* Verde oficial do WhatsApp */
  --color-whatsapp-hover: #20BA5A;
  --color-whatsapp-glow: rgba(37, 211, 102, 0.35);

  --color-gold: #D4A373;               /* Ouro suave & Estrelas Google */

  /* ============================================================================
   * 3. FUNDOS & SUPERFÍCIES (ACOLHIMENTO MATERNO & CLINICO)
   * ============================================================================
   */
  --color-bg-body: #FDF9F6;             /* Alabastro maternal acolhedor */
  --color-bg-surface: #FFFFFF;          /* Branco puro clínico */
  --color-bg-surface-alt: #F6EFEA;      /* Seção alternada quente */
  --color-bg-dark: #1C1315;             /* Fundo escuro luxuoso e intimista */
  --color-bg-charcoal: #2A1D20;

  /* Cards em Vidro Translúcido (Glassmorphism) */
  --color-bg-card: rgba(255, 255, 255, 0.82);
  --color-bg-card-hover: rgba(255, 255, 255, 0.98);
  --card-blur: 16px;

  /* Bordas refinadas */
  --color-border: rgba(46, 29, 32, 0.07);
  --color-border-hover: rgba(195, 109, 97, 0.3);
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* ============================================================================
   * 4. CORES DE TEXTO
   * ============================================================================
   */
  --color-text-title: #221417;          /* Tinta nobre para títulos */
  --color-text-body: #4A3A3D;           /* Marrom suave para leitura confortável */
  --color-text-muted: #796669;          /* Cinza rosado para legendas */
  --color-text-on-dark: #FFFFFF;        /* Branco puro para fundos escuros */
  --color-text-on-dark-muted: rgba(255, 255, 255, 0.82);

  /* ============================================================================
   * 5. GRADIENTES & SOMBRAS
   * ============================================================================
   */
  --gradient-btn-whats: linear-gradient(135deg, #25D366 0%, #1EBE5D 100%);
  --gradient-primary: linear-gradient(135deg, #C36D61 0%, #A9564B 100%);
  --gradient-sage: linear-gradient(135deg, #6B856E 0%, #516954 100%);
  --gradient-hero-dark: linear-gradient(155deg, #1C1315 0%, #2B1D20 60%, #150E10 100%);

  --shadow-sm: 0 4px 12px rgba(46, 29, 32, 0.04);
  --shadow-md: 0 12px 30px rgba(46, 29, 32, 0.08);
  --shadow-lg: 0 20px 50px rgba(46, 29, 32, 0.12);
  --shadow-whats: 0 8px 24px var(--color-whatsapp-glow);
  --shadow-primary: 0 8px 24px var(--color-primary-glow);

  /* ============================================================================
   * 6. BORDAS ARREDONDADAS
   * ============================================================================
   */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-full: 9999px;

  /* ============================================================================
   * 7. ANIMAÇÕES & TRANSIÇÕES
   * ============================================================================
   */
  --anim-enabled: 1;
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --anim-reveal-duration: 0.8s;
}

/* ==============================================================================
 * PALETAS PRÉ-DEFINIDAS NO CUSTOMIZADOR
 * ============================================================================== */

/* Paleta Verde Sálvia Dominante */
body.theme-sage {
  --color-primary: #5E7761;
  --color-primary-hover: #4D6350;
  --color-primary-light: #EEF4EF;
  --color-primary-tint: rgba(94, 119, 97, 0.1);
  --color-primary-glow: rgba(94, 119, 97, 0.35);
  --color-primary-rgb: 94, 119, 97;
  --gradient-primary: linear-gradient(135deg, #6B856E 0%, #516954 100%);
}

/* Paleta Dourado Rosé Suave */
body.theme-rose {
  --color-primary: #B76E79;
  --color-primary-hover: #CA828D;
  --color-primary-light: #FAF0F2;
  --color-primary-tint: rgba(183, 110, 121, 0.1);
  --color-primary-glow: rgba(183, 110, 121, 0.35);
  --color-primary-rgb: 183, 110, 121;
}

/* Paleta Azul Serenidade */
body.theme-navy {
  --color-primary: #2C6E8F;
  --color-primary-hover: #3A88AF;
  --color-primary-light: #EDF5F9;
  --color-primary-tint: rgba(44, 110, 143, 0.1);
  --color-primary-glow: rgba(44, 110, 143, 0.35);
  --color-primary-rgb: 44, 110, 143;
}