:root {
  /* =========================================================================
     PALETA DE CORES — CABELO DE NEGA SALÃO
     Estética acolhedora, clara, elegante e feminina:
     Creme, Café/Espresso profundo e Terracota suave
     ========================================================================= */

  /* Cores de Fundo (Claras e Luminosas) */
  --color-bg-body: #FAF7F2;          /* Creme suave e luminoso para o fundo principal */
  --color-bg-surface: #FFFFFF;       /* Branco puro para os cartões */
  --color-bg-subtle: #F5EFEB;        /* Creme alternado suave para seções de apoio */
  --color-bg-peach: #FBF2EB;         /* Toque acolhedor de pêssego/areia clara */

  /* Linhas e Contornos */
  --color-border-subtle: #EBE1D7;    /* Borda suave e delicada */
  --color-border-hover: #D8C7B8;     /* Borda ao passar o mouse */
  --color-border-accent: #E8B4A5;    /* Borda sutil em terracota */

  /* Tipografia em Tons Café / Marrom Profundo (Alto Contraste) */
  --color-text-primary: #2C1E18;     /* Marrom café profundo (ótima legibilidade e calor) */
  --color-text-secondary: #6B584E;   /* Marrom médio suave para descrições */
  --color-text-muted: #8E7B70;       /* Marrom claro para notas e metadados */

  /* Acentos Terracota e Coral Suave */
  --color-terracotta: #C5684E;       /* Terracota refinado e acolhedor */
  --color-terracotta-hover: #B0553C; /* Terracota mais escuro para hover */
  --color-terracotta-soft: #F7EAE5;  /* Fundo pálido para tags e destaque */
  --color-sand: #DFCAC0;

  /* WhatsApp Oficial & Acessível */
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #1EBE5D;
  --color-whatsapp-text: #063816;

  /* Tipografia */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Escala de Espaçamento Confortável */
  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 2.75rem;
  --space-3xl: 4rem;
  --space-4xl: 5.5rem;

  /* Raios de Borda */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Sombras Sutis e Macias */
  --shadow-card: 0 4px 18px rgba(62, 42, 34, 0.05);
  --shadow-card-hover: 0 10px 28px rgba(62, 42, 34, 0.09);
  --shadow-button: 0 4px 14px rgba(197, 104, 78, 0.25);
  --shadow-wa: 0 6px 20px rgba(37, 211, 102, 0.3);

  /* Transições Suaves */
  --transition-fast: 0.18s ease-out;
  --transition-normal: 0.25s ease-out;

  /* Largura Máxima */
  --container-max: 1140px;
  --container-narrow: 760px;

  /* Aliases de Compatibilidade */
  --color-cream: #FAF7F2;
  --color-cream-surface: #FFFFFF;
  --color-cream-subtle: #F5EFEB;
  --color-cream-border: #EBE1D7;
  --color-cocoa-darkest: #2C1E18;
  --color-cocoa: #3E2A22;
  --color-cocoa-medium: #6B584E;
  --color-gold-warm: #C5684E;
  --color-copper: #C5684E;
  --color-text-main: #2C1E18;
  --color-text-light-muted: #D1C5BD;
  --shadow-sm: 0 2px 8px rgba(44, 30, 24, 0.04);
  --shadow-md: 0 4px 18px rgba(44, 30, 24, 0.06);
  --shadow-lg: 0 10px 28px rgba(44, 30, 24, 0.09);
  --shadow-xl: 0 16px 40px rgba(44, 30, 24, 0.12);
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}