:root {
  /* Paleta de color */
  --red: #FF0000;
  --red-dark: #E62F22;
  --black: #000000;
  --dark: #1A1A1A;
  --mid: #333333;
  --gray: #334155;
  --light: #F2F2F2;
  --lighter: #F7F7F7;
  --border: #E5E5E5;
  --white: #FFFFFF;

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

  /* UI */
  --radius: 6px;
  --radius-lg: 12px;
  --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);
}