/* ===================================================================
   VARIÁVEIS GLOBAIS — RMT Remontada
   Paleta de cor, tipografia e espaçamentos usados em todos os blocos.
=================================================================== */

:root {
  /* Cores principais (clube) */
  --color-navy: #0b1f45;
  --color-navy-light: #12295c;
  --color-blue: #1a5bd8;
  --color-blue-light: #2f7ff0;
  --color-ice: #eaf1fb;

  /* Cor do goleiro (linha bordô) */
  --color-maroon: #5c1a24;
  --color-orange: #ff6a1a;

  /* Neutros */
  --color-text: #14213d;
  --color-text-muted: #5b6b8c;
  --color-bg: #ffffff;
  --color-bg-alt: #f4f7fc;
  --color-border: #dfe6f2;
  --color-white: #ffffff;

  /* Tipografia */
  --font-base: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --font-display: 'Poppins', 'Segoe UI', Arial, sans-serif;

  /* Espaçamentos */
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 1.5rem;
  --gap-lg: 2.5rem;
  --gap-xl: 4rem;

  /* Layout */
  --container-w: 1240px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Sombra */
  --shadow-card: 0 10px 30px rgba(11, 31, 69, 0.12);
  --shadow-soft: 0 4px 14px rgba(11, 31, 69, 0.08);
}

.container {
  width: 100%;
  max-width: var(--container-w);
  margin-inline: auto;
  padding-inline: 1.5rem;
}