/* ============================================
   Design Tokens — Zulunity Proposal
   ============================================ */

:root {
  /* --- Zulunity Brand (fixed — never change) --- */
  --green-primary: #009A6A;
  --green-dark: #007A54;
  --green-medium: #60C6A4;
  --green-light: #D9F7EB;
  --green-very-light: #EEFFF7;
  --dark-text: #040816;
  --white: #FFFFFF;
  --gray-100: #F7F8FA;
  --gray-200: #E8ECF1;
  --gray-300: #CDD5DF;
  --gray-500: #6B7A90;
  --gray-700: #3D4A5C;

  /* --- Module Colors --- */
  --mod-inventario-bg: #E3F2FD;  --mod-inventario-border: #1565C0;  --mod-inventario-text: #0D47A1;
  --mod-terceros-bg: #E0F2F1;  --mod-terceros-border: #00897B;  --mod-terceros-text: #004D40;
  --mod-directorio-bg: #FFF8E1;  --mod-directorio-border: #F9A825;  --mod-directorio-text: #E65100;
  --mod-calidad-bg: #EFEBE9;  --mod-calidad-border: #5D4037;  --mod-calidad-text: #3E2723;
  --mod-asistente-bg: #E0F7FA;  --mod-asistente-border: #00838F;  --mod-asistente-text: #006064;
  --mod-celestina-bg: #F3E5F5;  --mod-celestina-border: #7B1FA2;  --mod-celestina-text: #4A148C;
  --mod-seguimiento-bg: #E8EAF6;  --mod-seguimiento-border: #283593;  --mod-seguimiento-text: #1A237E;
  --mod-automatizacion-bg: #FBE9E7;  --mod-automatizacion-border: #E64A19;  --mod-automatizacion-text: #BF360C;

  /* --- Phase Colors --- */
  --phase-1: #455A64;
  --phase-2: #1565C0;
  --phase-3: #F9A825;
  --phase-4: #7B1FA2;
  --phase-5: #009A6A;
  --phase-6: #E64A19;

  /* --- Typography (fixed) --- */
  --font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3.5rem;

  --leading-tight: 1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* --- Spacing (fixed) --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* --- Layout (fixed) --- */
  --sidebar-width: 260px;
  --content-max: 860px;
  --page-padding: 2rem;

  /* --- Borders (fixed) --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* --- Shadows (fixed) --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);

  /* --- Transitions (fixed) --- */
  --ease-default: 200ms ease;
}


/* Generated: module accents + gantt phase bars */
.module-card--inventario::before { background: var(--mod-inventario-border); }
.module-card--inventario .module-card__icon { background: var(--mod-inventario-bg); color: var(--mod-inventario-text); }
.module-card--terceros::before { background: var(--mod-terceros-border); }
.module-card--terceros .module-card__icon { background: var(--mod-terceros-bg); color: var(--mod-terceros-text); }
.module-card--directorio::before { background: var(--mod-directorio-border); }
.module-card--directorio .module-card__icon { background: var(--mod-directorio-bg); color: var(--mod-directorio-text); }
.module-card--calidad::before { background: var(--mod-calidad-border); }
.module-card--calidad .module-card__icon { background: var(--mod-calidad-bg); color: var(--mod-calidad-text); }
.module-card--asistente::before { background: var(--mod-asistente-border); }
.module-card--asistente .module-card__icon { background: var(--mod-asistente-bg); color: var(--mod-asistente-text); }
.module-card--celestina::before { background: var(--mod-celestina-border); }
.module-card--celestina .module-card__icon { background: var(--mod-celestina-bg); color: var(--mod-celestina-text); }
.module-card--seguimiento::before { background: var(--mod-seguimiento-border); }
.module-card--seguimiento .module-card__icon { background: var(--mod-seguimiento-bg); color: var(--mod-seguimiento-text); }
.module-card--automatizacion::before { background: var(--mod-automatizacion-border); }
.module-card--automatizacion .module-card__icon { background: var(--mod-automatizacion-bg); color: var(--mod-automatizacion-text); }
.gantt-bar--phase1 { background: var(--phase-1); color: var(--white); }
.gantt-bar--phase2 { background: var(--phase-2); color: var(--white); }
.gantt-bar--phase3 { background: var(--phase-3); color: var(--dark-text); }
.gantt-bar--phase4 { background: var(--phase-4); color: var(--white); }
.gantt-bar--phase5 { background: var(--phase-5); color: var(--white); }
.gantt-bar--phase6 { background: var(--phase-6); color: var(--white); }
  /* v0.2: modulo Operaciones y tablero */
:root { --mod-operaciones-bg: #FFEBEE; --mod-operaciones-border: #C62828; --mod-operaciones-text: #B71C1C; }
.module-card--operaciones::before { background: var(--mod-operaciones-border); }
.module-card--operaciones .module-card__icon { background: var(--mod-operaciones-bg); color: var(--mod-operaciones-text); }