/* tokens.css — variáveis do design system. Fonte autoritativa: IDENTIDADE_VISUAL.md */

:root {
  /* Superfícies */
  --surface-paper: #f5efe2;
  --surface-page: #fbf7ee;
  --surface-elevated: #ffffff;
  --surface-ink: #1b1815;
  --surface-shade: #eae1cb;

  /* Texto */
  --ink-primary: #1b1815;
  --ink-secondary: #4a423a;
  --ink-muted: #8a8072;
  --ink-inverse: #f5efe2;

  /* Acentos */
  --accent-bordo: #7a2e2b;
  --accent-bordo-hover: #5f2320;
  --accent-verde: #3b5e48;
  --accent-ocre: #b8873a;
  --accent-terracota: #9c4a2b;
  --accent-tinta: #2f3f5c;

  /* Tipografia */
  --font-serif: "EB Garamond", Garamond, Georgia, serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Menlo, monospace;

  /* Escala tipográfica */
  --fs-hero: 3rem;      /* 48px */
  --fs-h1: 2.25rem;     /* 36px */
  --fs-h2: 1.75rem;     /* 28px */
  --fs-h3: 1.375rem;    /* 22px */
  --fs-h4: 1.125rem;    /* 18px */
  --fs-body: 1rem;      /* 16px */
  --fs-small: 0.875rem; /* 14px */
  --fs-micro: 0.75rem;  /* 12px */

  /* 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;
  --space-9: 96px;

  /* Raio */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* Sombras */
  --shadow-modal: 0 12px 32px rgba(27, 24, 21, 0.12), 0 2px 6px rgba(27, 24, 21, 0.06);

  /* Transições */
  --transition: 160ms ease-out;

  /* Container */
  --container-max: 1080px;
  --container-max-wide: 1440px;
  --container-max-fluid: 1680px;

  /* Sidebar da página da pesquisadora */
  --sidebar-w: 220px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0ms;
  }
}