:root {
  /* Paleta de color */
  --red: #C63635;
  --red-dark: #A02B2A;
  --green: #5C7A1A;
  --green-lt: #96C346;
  --dark: #1C1C1C;
  --mid: #4A4A4A;
  --light: #F8F6F3;
  --border: #E8E4DF;
  --white: #FFFFFF;
  --blue: #3B82F6;
  --blue-dark: #1E40AF;

  /* Tipografía */
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Inter', system-ui, sans-serif;

  /* UI */
  --radius: 4px;
  --radius-lg: 8px;
  --transition: 0.25s ease;
  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 16px 48px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);
}