:root {
  /* =========================
     BRAND COLORS
  ========================= */
  --color-primary: #0a192f;   /* Azul oscuro */
  --color-accent: #800020;   /* Borgoña */
  --color-white: #ffffff;

  /* =========================
     NEUTRALS
  ========================= */
  --color-gray-light: #f5f7fa;
  --color-gray-medium: #e5e7eb;
  --color-gray-dark: #6b7280;

  /* =========================
     TEXT COLORS
  ========================= */
  --text-primary: var(--color-primary);
  --text-secondary: #334155;

  /* =========================
     TYPOGRAPHY
  ========================= */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Roboto', system-ui, -apple-system, sans-serif;

  /* =========================
     UI
  ========================= */
  --border-radius: 8px;
  --border-radius-lg: 14px;

  /* =========================
     LAYOUT
  ========================= */
  --max-width: 1100px;
  --section-padding: 5rem;

  /* =========================
     TRANSITIONS
  ========================= */
  --transition-base: 0.3s ease;
}