:root {

  /* 🎨 COLORES (Gobierno de México inspirado) */
  --color-primary: #611232;   /* guinda */
  --color-primary-light: #7a1c3d;
  --color-primary-dark: #4a0b1f;
  --color-secondary: #a57f2c; /* dorado */
  --color-bg: #f4f4f4;
  --color-white: #ffffff;
  --color-text: #333333;
  --color-border: #dddddd;

  --color-success: #2e7d32;
  --color-error: #c62828;

  /* 🔤 TIPOGRAFÍA */
  --font-main: Arial, Helvetica, sans-serif;

  /* 📏 ESPACIADOS */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 40px;

  /* 🔘 BORDES */
  --radius-sm: 5px;
  --radius-md: 10px;

  /* 🌫 SOMBRAS */
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.15);
}