/* SimpleOps CRM — capa de tema sobre Twenty.
   Se inyecta vía nginx (sub_filter) SIN modificar el código de Twenty:
   redefine las variables CSS --t-* que el propio Twenty expone.
   Este archivo es la "modificación" publicable (AGPL) — no contiene datos. */

/* ===== Modo claro ===== */
body {
  /* Acento: azul más cálido y presente (el de la marca) */
  --t-accent-primary: #2563eb;
  --t-accent-secondary: #3b82f6;
  --t-accent-tertiary: rgba(37, 99, 235, 0.16);
  --t-accent-quaternary: rgba(37, 99, 235, 0.08);

  /* Fondos: quitar el gris "plano" con un lienzo levemente azulado */
  --t-background-secondary: #f7f9fc;
  --t-background-tertiary: #eef2f8;

  /* Bordes un punto más definidos */
  --t-border-color-light: #e3e8f0;
  --t-border-color-medium: #cbd5e1;
}

/* ===== Modo oscuro ===== */
body[data-theme="dark"], .dark body, body.dark {
  --t-accent-primary: #3b82f6;
  --t-accent-secondary: #60a5fa;
  --t-accent-tertiary: rgba(59, 130, 246, 0.22);
  --t-accent-quaternary: rgba(59, 130, 246, 0.12);
}

/* ===== Profundidad: tarjetas y paneles con sombra suave ===== */
[class*="Card"], [data-testid*="card"] {
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Hover de filas más notorio */
tr:hover td, [role="row"]:hover > * {
  background-color: var(--t-accent-quaternary) !important;
}

/* Pills de estado con más presencia */
h3 + div [class*="Tag"], td [class*="Tag"] {
  font-weight: 600;
}