/**
 * tokens.css — Design tokens.
 *
 * Variáveis CSS expostas globalmente. Toda cor, escala tipográfica,
 * spacing e timing está aqui. Para mudar a identidade visual, mude
 * aqui e propague para o resto.
 */

:root {
  /* ========== CORES ========== */
  --white:    #FFFFFF;
  --gray:     #EFEFEF;
  --ink:      #040A07;
  --tan:      #BCAA9A;
  --green:    #0B3B33;
  --muted:    #5A5A52;
  --hairline: rgba(4, 10, 7, 0.12);

  /* Cores semânticas — para mudar tema sem mexer em components */
  --bg-base:        var(--white);
  --bg-card:        var(--gray);
  --bg-inverted:    var(--ink);
  --fg-base:        var(--ink);
  --fg-muted:       var(--muted);
  --fg-inverted:    var(--white);
  --accent:         var(--tan);
  --border:         var(--hairline);

  /* ========== TIPOGRAFIA ========== */
  --sans:  "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --serif: "Source Serif 4", Georgia, "Times New Roman", Times, serif;

  /* ========== ESCALAS ========== */
  --maxw:   1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* ========== TIMING ========== */
  --t-fast:    180ms;
  --t-base:    220ms;
  --t-slow:    320ms;
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Esquema escuro automático — placeholder para futuro.
   Por ora não é necessário; o site é "light-first" por design. */