:root {
  /* 🎨 Colores principales */
  --color-primary: #002b6d;
  --color-primary-light: #0040a0;
  --color-secondary: #007bff;
  --color-accent: #ff5722;

  /* ⚪ Colores neutros */
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-border: #e0e0e0;

  /* 🖋 Texto */
  --color-text: #212529;
  --color-text-muted: #6c757d;

  /* 🎧 Estados */
  --color-success: #28a745;
  --color-danger: #dc3545;
  --color-warning: #ffc107;

  /* 🌙 Modo oscuro (ejemplo futuro) */
  --color-dark-bg: #121212;
  --color-dark-surface: #1e1e1e;
  --color-dark-text: #e0e0e0;
}