/* ═══════════════════════════════════════════
   ESPAÇO SAÚDE FISIOTERAPIA E PILATES — style.css
   ═══════════════════════════════════════════ */

   
:root {
  --bege-claro: #f7f2e9;
  --areia: #5f9f7c;
  --terracota-medio: #852265;
  --terracota-escuro: #641a4c;
  --verde-agua: #5f9f7c;
  --verde-agua-escuro: #467a5d;
  --verde-medio: #3c6b52;
  --verde-profundo: #1c1a1b;

  --text-dark: #1a1a1a;
  --text-muted: #5a5a5a;
  --text-light: var(--white);

  --font-display: "Montserrat", Georgia, serif;
  --font-body: "Poppins", system-ui, sans-serif;

  --header-h: 80px;
  --radius-card: 16px;
  --radius-sm: 8px;
  --transition: 0.3s ease;
  --max-w: 1280px;

  /* New tokens */
  --surface-dark: #16151a;
  --surface-mid: #211f24;
  --glass-bg: rgba(var(--white-rgb), 0.07);
  --glass-border: rgba(var(--white-rgb), 0.14);
  --easing-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --easing-back: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Canais RGB — para usar var(--x-rgb) dentro de rgba() */
  --bege-claro-rgb: 247, 242, 233;
  --verde-profundo-rgb: 28, 26, 27;
  --verde-agua-rgb: 95, 159, 124;
  --terracota-medio-rgb: 133, 34, 101;

  /* Base neutra */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;

  /* Canais RGB adicionais da paleta da marca */
  --terracota-escuro-rgb: 100, 26, 76;
  --verde-agua-escuro-rgb: 70, 122, 93;
  --surface-dark-rgb: 22, 21, 26;

  /* Superfícies escuras adicionais (cards, headers, overlays) */
  --surface-deep: #141216;
  --surface-deep-rgb: 20, 18, 22;
  --surface-overlay: #121014;
  --surface-overlay-rgb: 18, 16, 20;

  /* Bege secundário — seções claras alternativas */
  --bege-suave: #f4eee3;

  /* WhatsApp — verde oficial do aplicativo */
  --whatsapp-green: #25d366;
  --whatsapp-green-rgb: 37, 211, 102;
  --whatsapp-green-dark: #1ebe59;
  --whatsapp-green-bright: #00e667;

  /* Avaliações — estrelas */
  --amber: #f59e0b;

  /* Gradiente do cartão "Gestantes" (Pilates) */
  --verde-gestantes-1: #2f5b43;
  --verde-gestantes-2: #1e3c2c;
  --verde-gestantes-3: #12241a;

  /* Instagram — cores oficiais da marca (gradiente do ícone/badge) */
  --ig-yellow: #f09433;
  --ig-orange: #e6683c;
  --ig-red: #dc2743;
  --ig-pink: #cc2366;
  --ig-magenta: #bc1888;
  --ig-pink-bright: #e1306c;
  --ig-magenta-2: #c13584;
  --ig-purple: #833ab4;
}