/* ═══════════════════════════════════════════════════════════════════════
   shared/tokens.css — Design tokens do Dermind
   ─────────────────────────────────────────────────────────────────────
   Arquivo central de variáveis CSS. Importar em todas as páginas do
   projeto via <link rel="stylesheet" href="/shared/tokens.css">.

   Não incluir aqui: resets, layouts, componentes ou regras de estilo.
   Apenas variáveis — cores, tipografia e bordas.
   ═══════════════════════════════════════════════════════════════════════ */

:root {

  /* ── CORES IVORY (fundos e neutros quentes) ── */
  --ivory:        #F7F2EA;
  --ivory-dark:   #EDE5D8;
  --ivory-mid:    #E4DBCC;
  --ivory-pale:   #FDFAF5;
  /* ── CORES WINE (cor primária da marca) ── */
  --wine:         #A85568;
  --wine-dark:    #8A3A52;
  --wine-light:   #F0D4DC;
  --wine-pale:    #FAF0F3;

  /* ── CORES STEEL (cor secundária) ── */
  --steel:        #4A7FA5;
  --steel-dark:   #2E5F82;
  --steel-light:  #C8DFF0;
  --steel-pale:   #EBF4FA;

  /* ── CORES BLUSH (acentos suaves) ── */
  --blush:        #D9A8B2;

  /* ── CORES INK (textos) ── */
  --ink:          #18100E;
  --ink-soft:     #4A3A34;
  --ink-muted:    #8A7A74;

  /* ── BRANCO ── */
  --white:        #FDFAF7;

  /* ── BORDA ── */
  --border:       rgba(24, 16, 14, 0.09);

  /* ── TIPOGRAFIA ──
     Convenção do projeto: sempre que --serif (DM Serif Text) for usada,
     declarar `font-weight: 700` explicitamente. A fonte só carrega o
     arquivo em peso 400, e o 700 dispara síntese de negrito do navegador
     — visual desejado para títulos/wordmarks. Sem isso, elementos
     non-heading (a, p, span) cairiam no 400 fino e ficariam fora de
     padrão com o resto do site. */
  --serif:        'DM Serif Text', Georgia, serif;
  --sans:         'DM Sans', sans-serif;

}