:root {
  /* ==========================================================================
     PALETA DE CORES OFICIAL - BRANDING KAREN BORDIGNON
     ========================================================================== */
  --brand-primary: #19545A;             /* Verde Petróleo Nobre */
  --brand-primary-dark: #0E3337;        /* Petróleo Profundo */
  --brand-primary-light: #256E76;       /* Petróleo Claro */
  --brand-primary-rgb: 25, 84, 90;
  
  --brand-secondary: #E28576;           /* Terracota Suave / Coral Feminino */
  --brand-secondary-hover: #D37363;     /* Terracota Intenso */
  --brand-secondary-light: #F7DCD7;     /* Terracota Nude */
  --brand-secondary-rgb: 226, 133, 118;
  
  /* Fundos & Superfícies */
  --bg-body: #FFFFFF;
  --bg-soft: #FDF8F7;                   /* Fundo suave rosê/nude */
  --bg-subtle: #F6EFEF;                 /* Fundo de contraste suave */
  --bg-surface: #FFFFFF;
  --bg-dark: #0E3337;
  --bg-footer: #091F22;
  
  /* Textos & Contraste */
  --color-text-main: #1A2D2F;           /* Grafite Escuro Petróleo */
  --color-text-muted: #597073;          /* Médio Legível */
  --color-text-light: #8C9FA1;          /* Suave */
  --color-text-on-dark: #FFFFFF;
  --color-text-on-dark-muted: #D1DFE0;
  
  /* Tokens de Compatibilidade (para Widgets, Blog e Footer) */
  --brand-navy: #19545A;
  --brand-gold: #E28576;
  --brand-white: #FFFFFF;
  --brand-text-dark: #1A2D2F;
  --brand-cta: #19545A;
  --bg-footer-token: #091F22;
  --text-footer: #D1DFE0;

  /* Tipografia */
  --font-title: 'Urbanist', 'Cormorant Garamond', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Transições & Curvas Orgânicas */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-entry: 2.5s;
  --duration-fast: 0.25s;
  --duration-base: 0.4s;
  
  /* Bordas e Sombras */
  --border-subtle: rgba(25, 84, 90, 0.1);
  --border-accent: rgba(226, 133, 118, 0.3);
  --border-dark: rgba(255, 255, 255, 0.1);
  
  --shadow-sm: 0 4px 12px rgba(25, 84, 90, 0.05);
  --shadow-md: 0 10px 30px rgba(25, 84, 90, 0.08);
  --shadow-lg: 0 20px 45px -10px rgba(25, 84, 90, 0.2), 0 0 20px rgba(226, 133, 118, 0.15);
  --shadow-hover: 0 22px 50px -10px rgba(25, 84, 90, 0.25), 0 0 25px rgba(226, 133, 118, 0.2);

  /* Layout & Espaçamentos */
  --container-max: 1240px;
  --container-narrow: 900px;
  --header-height: 80px;
}