:root {
  /* Paleta de color */
  --blue: #046BD2;
  --blue-dark: #03509E;
  --blue-accent: #0000FF;
  --black: #111111;
  --dark: #1E293B;
  --mid: #334155;
  --gray: #475569;
  --light: #F2F5F9;
  --lighter: #F8FAFC;
  --border: #E2E8F0;
  --white: #FFFFFF;

  /* Tipografía */
  --heading: 'Montserrat', sans-serif;
  --body: 'Montserrat', sans-serif;

  /* UI */
  --radius: 8px;
  --radius-lg: 16px;
  --radius-pill: 40px;
  --transition: 0.25s ease;
  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 16px 48px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.18);
}