:root {
  /* ===============================
     CORES
  =============================== */

  --color-black: #000000;
  --color-dark: #0f0f0f;
  --color-gray-dark: #1a1a1a;
  --color-gray: #2a2a2a;
  --color-gray-light: #b5b5b5;
  --color-white: #ffffff;

  /* Vermelho institucional */
  --color-primary: #c30000;

  /* ===============================
     TIPOGRAFIA
  =============================== */

  --font-primary: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Tamanhos base */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-xxl: 2.5rem;

  /* Pesos */
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;

  /* ===============================
     ESPAÇAMENTOS
  =============================== */

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* ===============================
     LAYOUT
  =============================== */

  --container-width: 1200px;
  --container-padding: 1.25rem;

  --header-height: 64px;

  /* ===============================
     TRANSIÇÕES
  =============================== */

  --transition-base: 0.3s ease;

  /* ===============================
     Z-INDEX
  =============================== */

  --z-header: 100;
  --z-menu: 200;
  --z-floating: 400;
}