/* TESSE.TRADE: negro, azul marino y azul real #4c8dff. */
:root {
  --crm-brand: #2f6fe0; --crm-brand-hover: #1e56bd;
  --crm-brand-soft: rgba(47,111,224,0.10); --crm-brand-softer: rgba(47,111,224,0.06);
  --crm-brand-ring: rgba(47,111,224,0.20); --crm-brand-glow: rgba(47,111,224,0.34);
  --accent: 217 74.5% 53.5%; --accent-dim: 217 74% 46%;
  --verde: #2f6fe0; --verde-claro: #e6eefc; --verde-oscuro: #1e56bd;
  --verde-anillo: rgba(47,111,224,.13); --verde-foco: rgba(47,111,224,.18);
  --verde-apagado: #b3c9f2; --navy: #0a1f44;
}
html[data-theme="dark"], html[data-fondo] {
  --crm-brand: #4c8dff; --crm-brand-hover: #7aa9ff;
  --crm-brand-soft: rgba(76,141,255,0.15); --crm-brand-softer: rgba(76,141,255,0.09);
  --crm-brand-ring: rgba(76,141,255,0.28); --crm-brand-glow: rgba(76,141,255,0.38);
  --accent: 217 100% 65%; --accent-dim: 217 100% 58%;
}

/* ── Cara TESSE.TRADE del CRM del personal (10-nov-2026) ──────────────────
   La tipografía y las superficies del sitio: Geist, negro de verdad y líneas finas.
   Las fuentes las sirve el propio CRM (`/ui/static/fonts/`, política font-src 'self'). */
@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/ui/static/fonts/geist.woff2") format("woff2"); }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/ui/static/fonts/geist-mono.woff2") format("woff2"); }
:root {
  --font-sans: "Geist", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;
}
body, .crm-body, .crm-login-shell { font-family: "Geist", system-ui, "Segoe UI", Roboto, sans-serif; letter-spacing: -.003em; }
.crm-mono, code, kbd { font-family: "Geist Mono", ui-monospace, Menlo, Consolas, monospace; }
html[data-theme="dark"] {
  --crm-bg: #000000;
  --crm-surface: #0a0d12;
  --crm-surface-2: #10151d;
  --crm-surface-3: #161c26;
  --crm-surface-4: #1d2430;
  --crm-track: #1a2029;
  --crm-line: rgba(255, 255, 255, .09);
  --crm-line-strong: rgba(255, 255, 255, .17);
  --crm-line-soft: rgba(255, 255, 255, .06);
  --crm-text: #e3e9f3;
  --crm-text-2: #b3bccb;
  --crm-text-mute: #8a94a6;
  --crm-text-dim: #6b7280;
  --crm-text-on-accent: #04101f;
  --crm-green: #35c28a;
  --crm-pink: #f26b5e;
  --crm-amber: #e8a33d;
  --bg: 0 0% 0%;
  --surface: 218 29% 5.5%;
  --surface-2: 217 29% 8.8%;
  --line: 218 14% 16%;
}

html[data-theme="dark"] .crm-sidebar { background: #05070a; }