/*
  Método FLORES — tokens globais de marca
  Fonte de referência: diagnostico/styles.css (única página que já usava
  a tipografia oficial). Publicar em https://dominesuasfinancaspessoais.com/assets/
  e carregar por URL absoluta a partir de cada subdomínio.
  Não duplicar estas variáveis dentro do <style> de cada página.
*/

:root {
  /* Paleta oficial */
  --rose: #C4736B;
  --rose-dark: #9C4F47;
  --rose-light: #F0C8C4;
  --lavender: #9B89B4;
  --lavender-dark: #7D6B9C;
  --lavender-light: #EAE5F1;
  --sage: #7FA87A;
  --sage-dark: #5F8C5A;
  --sage-light: #E1EBDF;
  --gold: #C9A96E;
  --gold-dark: #A07840;
  --gold-light: #E8D4A8;
  --cream: #F5F0EB;
  --cream-dark: #EAE1D6;
  --plum: #3D1F2E;
  --plum-soft: #6F5964;
  --paper: #FFFCF8;
  --muted: #735F69;
  --white: #FFFFFF;

  /* Linhas, sombras, cantos */
  --line: rgba(61, 31, 46, .12);
  --shadow-sm: 0 5px 18px rgba(61, 31, 46, .07);
  --shadow: 0 24px 70px rgba(61, 31, 46, .12);
  --shadow-md: 0 14px 34px rgba(61, 31, 46, .13);
  --radius: 28px;
  --radius-sm: 16px;
  --radius-pill: 999px;

  /* Tipografia */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sub: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  /* Espaçamento (escala 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Ritmo vertical entre seções e dentro delas — use estas em vez de padding fixo */
  --section-space-lg: clamp(5.5rem, 8vw, 7rem);   /* seções principais: ~88–112px */
  --section-space-md: clamp(4rem, 6vw, 5rem);     /* seções médias: ~64–80px */
  --section-space-sm: clamp(3rem, 5vw, 4rem);     /* seções pequenas/mobile: ~48–64px */
  --content-gap-lg: clamp(2.5rem, 5vw, 4rem);      /* intro → cards */
  --content-gap-md: clamp(1.75rem, 3vw, 2.5rem);   /* título → intro, cards → CTA */
  --content-gap-sm: 1.25rem;                        /* entre parágrafos, eyebrow → título */

  /* Largura de containers */
  --container-bio: 600px;    /* páginas estilo link-in-bio (home curta, biografia) */
  --container-narrow: 840px; /* leitura longa, formulários */
  --container-wide: 1200px;  /* páginas de venda / landing completas */
  --container-text-lg: 760px; /* blocos introdutórios centralizados */
  --container-text-md: 680px; /* texto longo de leitura confortável */
}