/* Club House: sistema de design
   Paleta tirada da própria sala: feltro da mesa de sinuca, marfim da bola
   branca, âmbar da luminária sobre a cadeira, vinho do estofado. */

:root {
  /* Cor */
  --felt-950: #071813; /* fundo mais profundo */
  --felt-900: #0A241D; /* rodapé e faixas */
  --felt-800: #0E332A; /* fundo padrão */
  --felt-700: #16483B; /* superfície elevada */
  --felt-600: #24604F; /* borda forte */
  --line: rgba(239, 232, 216, 0.16);
  --line-soft: rgba(239, 232, 216, 0.09);
  --ivory: #F1EADB; /* texto principal */
  --ivory-dim: #BAC3BA; /* texto secundário */
  --amber: #F0A62F; /* destaque único: ação e progresso */
  --amber-soft: #F7C46E;
  --wine: #914039; /* listra do poste */

  /* Tipografia */
  --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'DM Mono', ui-monospace, 'SFMono-Regular', monospace;

  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem);
  --step-3:  clamp(2.1rem, 1.6rem + 2.4vw, 3.5rem);
  --step-4:  clamp(3.1rem, 2.4rem + 3.4vw, 5.15rem);

  /* Espaço: escala de 4 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px;
  --sp-9: 112px; --sp-10: 160px;

  /* Estrutura */
  --spine: 14px;              /* largura do poste */
  --pole-cycle: 33.94px;      /* período vertical das listras a 45deg */
  --measure: 1360px;
  --gutter: clamp(20px, 4vw, 56px);
  --radius: 18px;
  --radius-small: 12px;
  --radius-pill: 999px;

  /* Movimento */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --fast: 180ms;
  --slow: 680ms;
}