/* ============================================================================
   Estante de Storybooks — Tokens de design
   ----------------------------------------------------------------------------
   Paleta e medidas compartilhadas por todas as páginas do portal. Reproduz a
   estética "livro/pergaminho/madeira" usada nas páginas das coleções
   (storybook-colecao-*), agora como um sistema reutilizável.
   ============================================================================ */

:root {
  /* ----- Pergaminho / papel ----- */
  --paper: #f4ecd8;
  --paper-deep: #e8dfc8;
  --paper-edge: #d8ccb8;

  /* ----- Tinta ----- */
  --ink: #3e2723;
  --ink-soft: #5d4037;
  --ink-muted: #795548;

  /* ----- Ouro / acentos ----- */
  --gold: #c5a059;
  --gold-deep: #a68a61;
  --bark: #8b5a2b;

  /* ----- Madeira (fundo da mesa) ----- */
  --wood: #2c1e16;
  --wood-deep: #221711;

  /* ----- Semânticos de UI ----- */
  --surface: var(--paper);
  --surface-2: var(--paper-deep);
  --line: rgba(139, 90, 43, 0.25);
  --line-strong: rgba(139, 90, 43, 0.45);

  --ok: #5a7d4f;
  --ok-deep: #3f5e37;
  --warn: #b07a2c;
  --danger: #a5453b;

  /* ----- Tipografia ----- */
  --font-serif: 'Crimson Text', Georgia, serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;

  /* ----- Raios e sombras ----- */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;

  --shadow-card: 4px 5px 14px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.4);

  /* ----- Layout ----- */
  --stage-max: 1180px;
  --topbar-h: 64px;
}

/* Coleções têm matizes próprias — usadas em selos/cores por coleção */
:root {
  --colecao-herois: #c5a059;
  --colecao-flores: #d68787;
  --colecao-cidades: #cca05a;
}