/*
 * tokens.css - Design tokens do tema Jeison Jardim 2.0 (Etapa 2, parte 1).
 * Carregado ANTES dos demais estilos. Camada puramente aditiva: define as
 * variaveis (incluindo as que hoje estao "soltas" como hex) e mantem aliases
 * sem prefixo usados pelo exact.css. Nao altera nenhuma regra de layout.
 */
:root {
  /* --- Cores da marca --- */
  --jj-green: #244b3b;
  --jj-green-2: #315e4a;
  --jj-green-dark: #193a2e;   /* fundo do rodape (antes hex solto) */
  --jj-cream: #f5f1e8;
  --jj-paper: #fffdf8;
  --jj-terra: #bc6042;
  --jj-ink: #222622;
  --jj-muted: #687069;
  --jj-line: #dedbd1;
  --jj-gold: #d3a847;         /* acento (orbita, busca, estado vazio) */

  /* --- Tons de apoio (antes hex soltos) --- */
  --jj-shadow-offset: #dacdbd;
  --jj-on-green-soft: #d6dfda;
  --jj-on-green-line: rgba(255, 255, 255, .15);

  /* --- Aliases sem prefixo (compat. com exact.css) --- */
  --green: var(--jj-green);
  --green2: var(--jj-green-2);
  --cream: var(--jj-cream);
  --paper: var(--jj-paper);
  --terra: var(--jj-terra);
  --ink: var(--jj-ink);
  --muted: var(--jj-muted);
  --line: var(--jj-line);

  /* --- Raio, sombra, transicao --- */
  --jj-radius: 5px;
  --jj-radius-sm: 3px;
  --jj-radius-pill: 99px;
  --jj-shadow-card: 0 15px 40px rgba(31, 47, 39, .09);
  --jj-shadow-sheet: 0 20px 45px rgba(0, 0, 0, .2);
  --jj-transition: .2s;

  /* --- Larguras --- */
  --jj-content: 780px;
  --jj-wide: 1160px;

  /* --- Escala tipografica fluida (espelha o theme.json) --- */
  --jj-fs-xs: clamp(0.8rem, 0.78rem + 0.1vw, 0.83rem);
  --jj-fs-s:  clamp(0.95rem, 0.93rem + 0.15vw, 1rem);
  --jj-fs-m:  clamp(1.1rem, 1.05rem + 0.3vw, 1.2rem);
  --jj-fs-l:  clamp(1.3rem, 1.2rem + 0.6vw, 1.5rem);
  --jj-fs-xl: clamp(1.7rem, 1.4rem + 1.4vw, 2.1rem);
  --jj-fs-xxl: clamp(2.2rem, 1.7rem + 2.5vw, 3rem);

  /* --- Espacamento fluido (espelha o theme.json) --- */
  --jj-space-s: clamp(1rem, 2vw, 1.5rem);
  --jj-space-m: clamp(1.5rem, 4vw, 2.5rem);
  --jj-space-l: clamp(2.5rem, 6vw, 4rem);
  --jj-space-xl: clamp(4rem, 8vw, 6rem);
}