/* =========================================================
   LUMEN — Design tokens
   Paleta oficial da marca, escala tipográfica e ritmo de 8pt.
   Nenhum valor de cor é escrito solto no resto do CSS.
   ========================================================= */

:root {
  /* ---------- Paleta oficial ---------- */
  --petroleo-900: #0D2028;   /* fundo principal, hero, rodapé */
  --petroleo-700: #183B4D;   /* títulos, blocos, navegação */
  --dourado:      #D9A52E;   /* logo, detalhes, destaques premium */
  --dourado-claro:#F2C75C;   /* hover, pequenos destaques, ícones */
  --teal:         #08758A;   /* botões, links, elementos de saúde */
  --teal-suave:   #2C7A78;   /* elementos secundários */
  --offwhite:     #F6F8F8;   /* fundo principal de páginas */
  --agua:         #E7F3F1;   /* cards, fundos suaves */
  --grafite:      #27343A;   /* texto principal */
  --cinza-marca:  #667A83;   /* cinza azulado oficial — ícones, filetes, legendas de gráfico */

  /* O cinza da marca rende 4.2:1 sobre o off-white, abaixo do mínimo AA de
     4.5:1 para texto normal. Como o público é de 35 a 65 anos, o texto
     secundário usa um tom levemente mais escuro da MESMA família (4.9:1),
     e o cinza oficial segue valendo para os usos decorativos acima. */
  --cinza:        #5C6F78;

  /* Derivadas — sempre a partir das oficiais, nunca cores novas */
  --petroleo-600: #22506a;
  --linha-clara:  rgba(13, 32, 40, 0.10);
  --linha-escura: rgba(246, 248, 248, 0.14);
  --dourado-fraco:rgba(217, 165, 46, 0.16);
  --teal-fraco:   rgba(8, 117, 138, 0.10);

  /* Texto sobre fundo escuro */
  --claro-forte:  #F6F8F8;
  --claro-medio:  rgba(246, 248, 248, 0.80);
  --claro-fraco:  rgba(246, 248, 248, 0.60);

  /* ---------- Tipografia ----------
     Cormorant Garamond: serifada humanista, ecoa a serifa da logo.
     Usada só a partir de 1.35rem — em corpo pequeno ela perde legibilidade.
     Inter: corpo de texto. Base 17px porque o público é de 35 a 65 anos. */
  --fonte-titulo: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --fonte-corpo:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Escala 1.25 sobre base 17px */
  --t-xs:   0.8125rem;  /* 13px — legendas, selos */
  --t-sm:   0.9375rem;  /* 15px — apoio */
  --t-base: 1.0625rem;  /* 17px — corpo */
  --t-lg:   1.1875rem;  /* 19px — corpo destacado */
  --t-xl:   1.375rem;   /* 22px */

  --t-h3: clamp(1.35rem, 1.1rem + 1.1vw, 1.75rem);
  --t-h2: clamp(1.95rem, 1.3rem + 2.6vw, 3rem);
  --t-h1: clamp(2.35rem, 1.5rem + 3.6vw, 4rem);
  --t-display: clamp(2.8rem, 1.6rem + 5vw, 5rem);

  --leading-titulo: 1.12;
  --leading-corpo: 1.65;
  --tracking-selo: 0.22em;

  /* ---------- Ritmo de 8pt ---------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 32px;
  --s-6: 48px;
  --s-7: 64px;
  --s-8: 80px;
  --s-9: 112px;
  --s-10: 144px;

  --largura-max: 1200px;
  --largura-texto: 62ch;   /* faixa de leitura confortável */

  /* ---------- Superfície ---------- */
  --raio-card: 14px;
  --raio-campo: 10px;
  --raio-pill: 999px;
  /* Arco: usado na foto da Tania e nos blocos de imagem.
     Forma de portal — coerente com "novos caminhos" — e foge do
     retângulo arredondado padrão. */
  --raio-arco: 46% 46% 14px 14px / 32% 32% 14px 14px;

  --sombra-suave: 0 12px 30px -18px rgba(13, 32, 40, 0.30);
  --sombra-media: 0 22px 48px -26px rgba(13, 32, 40, 0.38);
  --sombra-alta:  0 34px 70px -32px rgba(13, 32, 40, 0.45);

  /* ---------- Movimento ----------
     Tom sereno: durações longas, desaceleração suave, nada de bounce. */
  --ease-saida: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-rapida: 0.22s;
  --dur-media: 0.4s;
  --dur-lenta: 0.9s;
}