/* ==========================================================================
   DESIGN TOKENS & VARIÁVEIS CSS
   Identidade Visual: Dra. Fabíola Mitie Moreno Shimabukuro
   Estética: Sofisticada, contemporânea, acolhedora, minimalista e confiável
   ========================================================================== */

:root {
  /* Paleta de Cores Primárias */
  --color-navy-900: #08121f;
  --color-navy-800: #0b1726;
  --color-navy-700: #10243d;
  --color-navy-600: #183354;
  --color-navy-500: #23456e;

  /* Cores de Acento: Ouro Nobre & Champagne Suave */
  --color-gold-400: #dfcca6;
  --color-gold-500: #c5a880;
  --color-gold-600: #ab8b60;
  --color-gold-700: #8c6e45;
  --color-gold-glow: rgba(197, 168, 128, 0.25);

  /* Superfícies e Fundos Claros */
  --color-bg-base: #f9f9fb;
  --color-bg-surface: #ffffff;
  --color-bg-subtle: #f1f3f7;
  --color-bg-warm: #f6f3ee;

  /* Escala de Textos */
  --color-text-primary: #0e1a2c;
  --color-text-secondary: #475569;
  --color-text-muted: #64748b;
  --color-text-light: #ffffff;
  --color-text-light-muted: #cbd5e1;

  /* Bordas e Linhas */
  --color-border-subtle: #e2e8f0;
  --color-border-hover: #cbd5e1;
  --color-border-gold: rgba(197, 168, 128, 0.4);
  --color-border-dark: rgba(255, 255, 255, 0.1);

  /* Identidade do WhatsApp */
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #1ea952;
  --color-whatsapp-glow: rgba(37, 211, 102, 0.35);

  /* Tipografia */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Sombreamentos Sofisticados */
  --shadow-sm: 0 2px 4px rgba(11, 23, 38, 0.04);
  --shadow-md: 0 6px 18px rgba(11, 23, 38, 0.07);
  --shadow-lg: 0 12px 32px rgba(11, 23, 38, 0.1);
  --shadow-xl: 0 20px 48px rgba(11, 23, 38, 0.14);
  --shadow-glow: 0 0 30px var(--color-gold-glow);
  --shadow-gold-card: 0 10px 30px rgba(197, 168, 128, 0.15);

  /* Raios de Arredondamento */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Transições Suaves */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Dimensões de Layout */
  --container-max-width: 1200px;
  --container-padding: 24px;
  --header-height: 84px;
}