/* ==========================================================================
   TOKENS — identidade visual do site
   Este é o único arquivo que você precisa editar para trocar cores e fontes.
   Tudo o mais no site lê daqui.
   ========================================================================== */

:root {
  /* Fundo e superfícies */
  --bg: #0a0c0b;
  --surface: #111413;
  --surface-hover: #181c1a;

  /* Cor de destaque (botões, links em hover, detalhes) */
  --lime: #cfe96a;
  --lime-dim: rgba(207, 233, 106, 0.10);

  /* Texto — "paper" é o branco off-white; as variações são níveis de ênfase */
  --paper: #f2f0e6;
  --paper-mid: rgba(242, 240, 230, 0.60);
  --paper-dim: rgba(242, 240, 230, 0.35);

  /* Bordas */
  --border: rgba(242, 240, 230, 0.07);
  --border-hover: rgba(242, 240, 230, 0.14);

  /* Cor de cada oferta — usada no card da /bio e na LP correspondente.
     Ao criar uma oferta nova, adicione a cor dela aqui. */
  --accent-rota: #6b7fff;
  --accent-marco-zero: var(--lime);

  /* Tipografia */
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --font-accent: 'Instrument Serif', Georgia, serif;

  /* Ritmo vertical — espaço entre as seções da página */
  --space-section: 56px;

  /* Raio das bordas */
  --radius-card: 14px;
  --radius-button: 12px;
}