/* ==========================================================================
   SOGECAPRI · variables.css — Design tokens (cores, tipografia, espaçamento)
   Altere aqui uma vez e propaga-se a todo o site.
   ========================================================================== */
:root {
  /* -- Paleta (design system SOGECAPRI) -- */
  --wine-deep:   #2C0808;
  --wine-dark:   #3D0C0C;
  --wine:        #6B1A1A;
  --espresso:    #1A1208;
  --gold:        #B8780A;
  --gold-bright: #D4A240;
  --gold-pale:   #EDD38A;
  --cream:       #F7F2EC;
  --cream-2:     #EAE0CF;
  --ink:         #1A1208;
  --muted:       #6B5E4A;
  --slot:        #4A1212;

  /* -- Texto sobre fundos escuros -- */
  --on-dark:      rgba(247, 242, 236, 0.66);
  --on-dark-soft: rgba(247, 242, 236, 0.42);
  --on-dark-line: rgba(184, 120, 10, 0.28);

  /* -- Tipografia -- */
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --fs-eyebrow: 11px;
  --fs-body:    16px;
  --fs-lead:    19px;

  /* -- Espaçamento / containers -- */
  --container: 1240px;
  --gutter: clamp(20px, 5vw, 72px);
  --section-y: clamp(70px, 9vw, 120px);

  /* -- Raios e sombras -- */
  --radius: 6px;
  --radius-sm: 3px;
  --radius-pill: 30px;
  --shadow-card: 0 24px 60px -28px rgba(61, 12, 12, 0.4);
  --shadow-nav: 0 6px 28px rgba(26, 18, 8, 0.12);

  /* -- Transições -- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: .15s ease;
  --t-med: .35s ease;
}

@media (max-width: 960px) {
  :root { --gutter: clamp(16px, 4vw, 40px); }
}

@media (max-width: 620px) {
  :root { --gutter: 20px; }
}