/* ============================================================
   RS Topografia — Design Tokens (v3 "Marco Mono")
   Conceito: o marco geodésico. Ponto fixo, permanente, de onde
   tudo é medido. Agora em preto, branco e cinza — com um leve
   calor de pedra (stone) nos neutros para não ficar clínico.
   Sem cor cromática: o contraste é a hierarquia.
   ============================================================ */

:root {
  /* ---- Base escura (grafite quente) ---- */
  --terra-900: #100F0E;   /* fundo escuro principal */
  --terra-800: #1A1917;   /* fundo escuro elevado   */
  --terra-700: #262421;   /* superfície escura      */
  --terra-line: #39352F;  /* linha sobre escuro (cinza quente) */

  /* ---- Claros (papel/cal) ---- */
  --paper: #FAF9F7;       /* branco quente (fundo claro) */
  --paper-2: #F0EEE9;     /* cinza claro quente (painéis) */
  --bone: #ECE9E3;        /* texto/branco sobre escuro */
  --bone-2: #BBB6AC;      /* secundário sobre escuro */
  --bone-3: #8B867C;      /* terciário / labels (lê nos dois fundos) */

  /* ---- Tinta sobre claro ---- */
  --ink: #17150F;         /* texto principal sobre claro */
  --ink-2: #47423A;       /* texto secundário sobre claro */
  --ink-3: #6E685E;       /* texto terciário sobre claro */

  /* ---- Acento por contraste (sem cor) ---- */
  --signal: var(--ink);       /* "acento" sobre fundos CLAROS = tinta escura */
  --signal-2: #322D25;        /* hover do acento escuro */
  --on-dark: var(--paper);    /* "acento" sobre fundos ESCUROS = branco */
  --on-dark-2: #FFFFFF;       /* hover do acento claro */
  --clay: #7C766B;            /* numerais/detalhes neutros (era terracota) */

  /* ---- Tipografia: Inter (títulos/header/UI) + Average Sans (corpo) ---- */
  --font-display: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-sans: 'Average Sans', -apple-system, 'Segoe UI', sans-serif;

  --t-mega: clamp(2.1rem, 1.5rem + 2.9vw, 4.3rem);
  --t-h2: clamp(1.55rem, 1.25rem + 1.4vw, 2.5rem);
  --t-h3: clamp(1.12rem, 1.04rem + 0.4vw, 1.35rem);
  --t-lead: clamp(1rem, 0.96rem + 0.22vw, 1.15rem);
  --t-body: 1rem;
  --t-sm: 0.875rem;
  --t-label: 0.72rem;

  --track-label: 0.14em;

  /* ---- Espaço ---- */
  --s1: .5rem;  --s2: .75rem; --s3: 1rem;   --s4: 1.5rem;
  --s5: 2rem;   --s6: 3rem;   --s7: 4rem;   --s8: 5.5rem;

  /* ---- Estrutura ---- */
  --wrap: 1320px;
  --gut: clamp(1.25rem, 3.5vw, 3.5rem);
  --hdr: 76px;
  --rule: 1px solid var(--terra-line);
  --rule-light: 1px solid rgba(16,15,14,.16);

  /* ---- Movimento (curto + easing longo, sem bounce) ---- */
  --ease: cubic-bezier(.16,.84,.28,1);
  --d1: 320ms;
  --d2: 620ms;
  --d3: 1000ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d1: 1ms; --d2: 1ms; --d3: 1ms; }
}