/* ============================
   RESET
============================ */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* ============================
   VARIABLES DE TEMA
============================ */
:root {
  --primary: #ff9800;
  --primary-dark: #ff5722;
  --success: #4caf50;
  --success-dark: #2e7d32;

  /* Tema claro */
  --bg: #ffffff;
  --bg-input: #f9f9f9;
  --text: #222;
  --text-muted: #666;
  --border: #ccc;

  /* Tema oscuro */
  --bg-dark: #000000;
  --bg-input-dark: #1e1e1e;
  --text-dark: #f5f5f5;
  --text-muted-dark: #888;
  --border-dark: rgba(255,255,255,0.1);
}

/* ============================
   UTILIDADES
============================ */
.hidden { display: none; }
.hidden-control { display: none !important; }