/* Design System "Eixo" · Bruna Siqueira
   Fonte da verdade: design-system/Design System - Bruna Siqueira.dc.html
   Nunca inventar valores fora deste arquivo. */

:root {
  /* cor */
  --color-primary: #22261F;        /* tinta profunda: fundos de marca, blocos escuros */
  --color-primary-soft: #3A3F33;   /* oliva: tiles e superfícies sobre o escuro */
  --color-accent: #A34E36;         /* terracota: CTA e pontos de força, uso contido */
  --color-accent-hover: #8A3E29;
  --color-bg: #F7F4EE;             /* fundo claro de páginas de conteúdo */
  --color-surface: #FDFCF9;
  --color-border: #E4E0D8;
  --color-text: #221F1B;           /* texto sobre fundo claro */
  --color-muted: #756D61;          /* legendas sobre fundo claro. 4,65:1 sobre
                                      --color-bg e 4,97:1 sobre --color-surface.
                                      Era #8A8175, que dava 3,49:1 e reprovava no
                                      AA exigido pelo CLAUDE.md em todos os 12
                                      usos (todos texto de 12px a 14px, nenhum
                                      se qualifica como texto grande). */
  --color-muted-on-dark: #B7ADA0;  /* legendas sobre --color-primary */

  /* tipografia */
  --font-display: 'Libre Caslon Text', Georgia, serif;
  --font-body: 'Work Sans', system-ui, sans-serif;

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

  /* raio */
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 12px; --radius-pill: 999px;
}