/* ==========================================================================
   DESIGN TOKENS & PALETA MONOCROMÁTICA DE LUXO (GUIMALAW)
   ========================================================================== */

:root {
  /* --- Paleta Monocromática Acetinada (Dark Luxury) --- */
  --bg-primary: #090C10;          /* Obsidian profundo e aveludado */
  --bg-secondary: #0F141C;        /* Slate escuro com leve tonalidade grafite */
  --bg-tertiary: #151C26;         /* Painéis e superfícies nobres */
  --bg-card: #121822;             /* Fundo de cards com contraste suave */
  --bg-card-hover: #18202D;       /* Hover em cards com elevação sutil */
  --bg-glass: rgba(9, 12, 16, 0.82); /* Glassmorphism ultra-líquido */
  --bg-overlay: rgba(9, 12, 16, 0.94);

  /* --- Textos & Tipografia Editorial --- */
  --text-primary: #F7F9FC;        /* Platinum claro com alta legibilidade */
  --text-secondary: #D2D8E2;      /* Prata suave para subtítulos e parágrafos */
  --text-muted: #8F9AA9;          /* Grafite acetinado para kickers e apoios */
  --text-dim: #5C6777;            /* Metadados e datas em baixa opacidade */

  /* --- Acentos Monocromáticos Refinados --- */
  --accent-white: #FFFFFF;
  --accent-silver: #E2E6EE;
  --accent-glow: rgba(255, 255, 255, 0.08);
  --accent-glow-subtle: rgba(255, 255, 255, 0.03);

  /* --- Linhas & Bordas Ultrafinas --- */
  --border-light: rgba(255, 255, 255, 0.10);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-active: rgba(255, 255, 255, 0.28);

  /* --- WhatsApp Brand Color (Oficial) --- */
  --whatsapp-green: #25D366;
  --whatsapp-hover: #20BA5A;

  /* --- Tipografia de Alto Ticket (Serifas Finas & Sans Geométrico) --- */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', 'Cinzel', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Escalas Tipográficas Suaves & Proporcionais --- */
  --fs-hero-title: clamp(2.4rem, 4.8vw, 3.8rem);
  --fs-hero-sub: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-h2: clamp(1.85rem, 3.2vw, 2.6rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.55rem);
  --fs-body: clamp(0.95rem, 1.05vw, 1.02rem);
  --fs-small: clamp(0.82rem, 0.9vw, 0.88rem);
  --fs-kicker: 0.76rem;

  /* --- Espaçamentos & Respiro Editorial --- */
  --section-padding-y: clamp(5.5rem, 9vw, 8.5rem);
  --container-max-width: 1220px;
  --container-narrow: 880px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 9999px;

  /* --- Movimento & Transições Líquidas --- */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.3s var(--ease-premium);
  --transition-smooth: 0.6s var(--ease-premium);
  --transition-slow: 2.5s var(--ease-premium);

  /* --- Sombras & Iluminação Monocromática --- */
  --shadow-card: 0 12px 32px -4px rgba(0, 0, 0, 0.45), 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-card-hover: 0 24px 48px -8px rgba(0, 0, 0, 0.65), 0 0 18px rgba(255, 255, 255, 0.06);
  --shadow-glass: 0 16px 36px rgba(0, 0, 0, 0.5);
  --shadow-btn: 0 4px 18px rgba(255, 255, 255, 0.08);
}