:root {
  /* === Colores === */
  --color-primary: #054168;
  --color-primary-dark: #04314e;
  --color-secondary: #2D83C5;
  --color-accent: #B57837;
  --color-white: #ffffff;
  --color-black: #1a1a1a;
  --color-gray-light: #f5f5f5;
  --color-gray: #6b7280;
  --color-gray-dark: #374151;
  --color-overlay: rgba(5, 65, 104, 0.85);

  /* === Tipografia === */
  --font-family: 'Montserrat', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;

  /* === Espaciado === */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --spacing-5xl: 8rem;

  /* === Layout === */
  --max-width: 1200px;
  --header-height: 110px;
  --border-radius: 10px;
  --border-radius-lg: 20px;

  /* === Sombras === */
  --shadow-card: 0 2px 12px rgba(5, 65, 104, 0.79);
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0 8px 30px rgba(5, 65, 104, 0.4);

  /* === Transiciones === */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
}