/* ---------------------------------------------------------------------------
   Tema claro del portal.

   Los valores son los mismos que usa la pantalla de login, para que entrar y
   trabajar se sientan como la misma aplicación. El resto de los sistemas
   (Telin, Kraken, Inbox) también son claros: dejar solo este tablero oscuro lo
   hacía parecer otra herramienta.
   --------------------------------------------------------------------------- */

:root {
  /* Colores principales */
  --primary-color: #0670fc;            /* Botones y elementos interactivos */
  --primary-color-hover: #055fd6;
  --primary-color-pressed: #0451b5;
  --primary-color-border: #4a90ff;

  /* Tinte del azul principal, para fondos y halos de foco */
  --primary-color-soft: rgba(6, 112, 252, 0.10);
  --primary-color-ring: rgba(6, 112, 252, 0.22);

  /* Fondo general y superficies */
  --bg-color: #ffffff;                 /* Fondo de la app */
  --bg-color-card: #ffffff;            /* Contenedores */
  --bg-color-input: #f9fafb;           /* Inputs */
  /* fondo mas claro */
  --bg-color-light: #f3f5f9;
  --bg-color-lighter: #f9fafb;

  /* Bordes y líneas */
  --border-color: #e5e7eb;
  --border-color-focus: #0670fc;

  /* Texto */
  --text-color: #1f2937;
  --text-color-secondary: #6b7280;
  --placeholder-color: #9ca3af;

  /* Estados — tonos que mantienen contraste sobre blanco */
  --success-color: #0e9f6e;
  --success-soft: rgba(14, 159, 110, 0.12);
  --error-color: #d92d20;
  --error-soft: rgba(217, 45, 32, 0.10);

  /* Sombra de las superficies: sobre fondo blanco, un borde solo no basta
     para que una tarjeta se lea como tal. */
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.05), 0 6px 18px rgba(16, 24, 40, 0.06);

  /* Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;

  /* Altura de controles */
  --control-height: 3rem;

  /* Tipografía */
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}