@import url("./chat.header.css");
@import url("./chat.layout.css");

@import url("./topbar.layout.css");
@import url("./sidebar.layout.css");
@import url("./quicktasks.panel.css");

/* ✅ Tools (panel derecho + login + tool modal reusable) */
@import url("./tools.layout.css");

/* ✅ Tool UIs específicos (ya los tienes separados) */
@import url("./calendar.modal.css");
@import url("./notes.modal.css");
@import url("./contacts.modal.css");
@import url("./email.modal.css");
@import url("./shortcuts.panel.css");

/* ===============================
   DATATOBE THEME (GLOBAL BASE)
   - SOLO variables + tipografía base + fondo
   - NO toca tools directamente
   =============================== */

:root{
  --dt-navy: #0b1220;       /* principal */
  --dt-navy-2:#0f1a2e;
  --dt-yellow:#f2c94c;      /* acento */
  --dt-bg: #f3f4f6;         /* fondo general */
  --dt-card:#ffffff;        /* tarjetas */
  --dt-border:#e5e7eb;      /* bordes */
  --dt-text:#111827;        /* texto */
  --dt-muted:#6b7280;       /* secundario */

  /* ✅ altura única para alinear headers (chat, agents, tools) */
  --dtb-header-h: 56px;
}

html, body{
  font-family: "League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background: var(--dt-bg);
  color: var(--dt-text);
}

::selection{
  background: rgba(242, 201, 76, .35);
}