/* ==========================================================================
   DATA CLARA CRM — TOKENS OFICIALES
   Basado estrictamente en style_demo.css y especificaciones del plan.
   Regla 60-30-10: Marfil (#F7F4EE), Verde Bosque (#373B0F), 
   Rojo Cresta (#B82A24), Amarillo Yema (#FFA923), Verde Vivo (#A2A623).
   ========================================================================== */

:root {
  /* 60% Neutros Luminosos y Superficies */
  --bg-app: #F7F4EE;              /* Lienzo marfil general */
  --bg-surface: #FFFFFF;          /* Tarjetas, modales, tablas */
  --bg-sidebar: #EFECE4;          /* Barra lateral marfil cálido */
  --bg-highlight: #FFF5E5;        /* Fondos suaves de aviso */
  --bg-hover: #F2EFE8;            /* Hover sutil en filas y botones neutros */
  --border-subtle: #E2DDD2;        /* Líneas divisorias y bordes cálidos */
  --border-hover: #D5CEBF;

  /* 30% Estructura, Tipografía y Botón Primario */
  --text-main: #373B0F;           /* Verde bosque profundo (tinta de lectura) */
  --text-muted: #595E25;          /* Verde bosque medio para texto secundario */
  --text-tertiary: #7D8340;       /* Etiquetas tenues */
  --text-inverse: #FFFFFF;        /* Texto sobre fondos oscuros o botones primarios */
  
  /* Botón Primario: Verde Tinta (#373B0F) según decisión confirmada */
  --btn-primary-bg: #373B0F;
  --btn-primary-hover: #292C0A;
  --btn-primary-text: #FFFFFF;

  /* 10% Acentos y Estados */
  --color-green-accent: #A2A623;  /* Verde vivo: Al día, activo, convertido */
  --color-green-bg: #F2F5DB;
  --color-green-border: #D6DC8C;
  
  --color-yellow-accent: #FFA923; /* Amarillo yema: Próximo a vencer, en gracia, demo */
  --color-yellow-bg: #FFF5E0;
  --color-yellow-border: #FCD58F;

  --color-action-primary: #B82A24; /* Rojo cresta: Vencido, alerta 48h, descartado, destructivo */
  --color-action-hover: #9E241E;
  --color-action-bg: #FDE8E7;
  --color-action-border: #F4B2B0;

  --color-info: #2B6CB0;
  --color-info-bg: #EBF8FF;
  --color-info-border: #BEE3F8;

  /* Tipografía */
  --font-family-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-serif: 'Fraunces', Georgia, serif;

  /* Espaciado y Densidad */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 9999px;

  --shadow-sm: 0 1px 2px rgba(55, 59, 15, 0.05);
  --shadow-md: 0 4px 12px rgba(55, 59, 15, 0.08);
  --shadow-lg: 0 10px 30px rgba(55, 59, 15, 0.12);
  --shadow-slideover: -8px 0 30px rgba(55, 59, 15, 0.15);

  --sidebar-width: 250px;
  --sidebar-collapsed-width: 68px;
  --topbar-height: 60px;
  --slideover-width: 540px;

  /* Transiciones */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}