/* ============================================================
   DuxPol — TEMA VISUAL
   Edita SOLO este archivo para cambiar colores y tipografía.
   Guía completa en customize.md (raíz del proyecto).
   ============================================================ */

/* (Opcional) Fuente personalizada vía Google Fonts.
   Descomenta y cambia "Inter" por tu fuente; luego ajusta --font-base abajo.
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
*/

/* (Opcional) Fuente propia alojada localmente en /static/assets/.
@font-face {
  font-family: "MiFuente";
  src: url("/static/assets/mifuente.woff2") format("woff2");
  font-weight: 400 700;
}
*/

:root {
  /* ---- Paleta de colores ---- */
  --bg: #0f1419;        /* fondo general */
  --panel: #1a212b;     /* cabecera y tarjetas */
  --panel-2: #232c38;   /* campos, burbujas del asistente */
  --accent: #2f6fed;    /* color de marca: botones, enlaces activos */
  --accent-2: #1f9d6b;  /* éxito / confirmaciones */
  --danger: #d6453d;    /* errores y acción de borrar */
  --text: #e6edf3;      /* texto principal */
  --muted: #8b97a7;     /* texto secundario */
  --border: #2c3644;    /* bordes y separadores */

  /* ---- Tipografía ---- */
  --font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: var(--font-base);   /* fuente de títulos (cabecera) */
  --font-size-base: 15px;

  /* ---- Marca ---- */
  --logo-height: 28px;  /* altura del logo en la cabecera */
}