/* ─────────────────────────────────────────────────────────────
   JARVIS PLANNER · COLOR TOKENS
   Derived from the Jarvis Planner app source (jarvis-planificador-v3)
   and the Trivium Agrosolutions corporate brand.
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Trivium corporate brand ────────────────────────────── */
  --trivium-green:        #144734; /* deep forest green — corporate primary, chrome */
  --trivium-green-700:    #0F3527; /* darker green — footer */
  --trivium-green-600:    #103A2B; /* forest sidebar */
  --trivium-green-500:    #1D7A4E; /* brighter brand green — actions */
  --trivium-gold:         #ECCD4C; /* harvest gold accent / hero CTA */
  --trivium-gold-deep:    #D4BD3D; /* active/hover gold */
  --trivium-gold-soft:    #F4E6A8; /* pale gold tint */

  /* ── Jarvis app brand ───────────────────────────────────── */
  --navy-900:             #0F2341; /* header / footer chrome */
  --navy-text:            #1E3A5F; /* OT identifiers, strong app text */
  --jarvis-green:         #1D8A4E; /* app primary action / brandmark */
  --jarvis-green-600:     #157A43;
  --amber-action:         #F59E0B; /* "Replanificar JARVIS" / accent */
  --blue-active:          #2563EB; /* active day toggle */

  /* ── Slate neutrals (chrome, surfaces, dark UI) ─────────── */
  --slate-900:            #0F172A;
  --slate-800:            #1E293B; /* sidebar */
  --slate-700:            #334155;
  --slate-600:            #475569;
  --slate-500:            #64748B;
  --slate-400:            #94A3B8;
  --slate-300:            #CBD5E1;
  --slate-200:            #E2E8F0;
  --slate-100:            #F1F5F9;
  --slate-50:             #F8FAFC;
  --app-bg:               #EEF3EB; /* planner canvas — warm green-tinted off-white */

  /* ── Gray neutrals (light UI borders, text) ─────────────── */
  --gray-700:             #374151;
  --gray-500:             #6B7280;
  --gray-400:             #9CA3AF;
  --gray-300:             #D1D5DB;
  --gray-200:             #E5E7EB;
  --gray-100:             #F3F4F6;
  --gray-50:              #F9FAFB;
  --white:                #FFFFFF;

  /* ── Functional / status ────────────────────────────────── */
  --red-700:              #991B1B;
  --red-600:              #B91C1C;
  --red-500:              #EF4444;
  --red-100:              #FEE2E2;
  --red-50:               #FEF2F2;

  --amber-800:            #92400E;
  --amber-500:            #F59E0B;
  --amber-100:            #FEF3C7;
  --amber-50:             #FFFBEB;

  --green-500:            #10B981;
  --green-50:             #F0FDF4;

  --blue-700:             #1D4ED8;
  --blue-600:             #2563EB;
  --blue-500:             #3B82F6;
  --blue-200:             #BFDBFE;
  --blue-100:             #DBEAFE;
  --blue-50:              #EFF6FF;
  --indigo-500:           #8B5CF6;

  /* ── Technician avatar palette ──────────────────────────── */
  --tec-blue:             #3B82F6;
  --tec-green:            #10B981;
  --tec-amber:            #F59E0B;
  --tec-violet:           #8B5CF6;
  --tec-pink:             #EC4899;
  --tec-cyan:             #06B6D4;
  --tec-red:              #EF4444;

  /* ─────────────────────────────────────────────────────────
     SEMANTIC ALIASES
     ───────────────────────────────────────────────────────── */
  /* Surfaces & chrome — Trivium corporate green */
  --color-bg-app:         var(--app-bg);
  --color-surface:        var(--white);
  --color-surface-sunken: var(--slate-50);
  --color-surface-muted:  var(--gray-50);
  --color-sidebar:        var(--trivium-green-600);          /* forest sidebar */
  --color-sidebar-border: rgba(255,255,255,0.14);
  --color-header:         var(--trivium-green);              /* #144734 */
  --color-header-sub:     rgba(255,255,255,0.62);            /* header subtitle */
  --color-footer:         var(--trivium-green-700);

  /* Brandmark (the "J" tile) */
  --color-brandmark-bg:   var(--trivium-gold);
  --color-brandmark-fg:   var(--trivium-green);

  /* On-chrome controls (over the green header / sidebar) */
  --color-on-chrome:           rgba(255,255,255,0.72);
  --color-on-chrome-border:    rgba(255,255,255,0.28);
  --color-toggle-active-bg:    var(--white);                 /* view toggle: white pill */
  --color-toggle-active-fg:    var(--trivium-green);
  --color-day-active-bg:       var(--trivium-green-500);      /* day pill: brand green */
  --color-day-active-fg:       var(--white);

  /* In-shift band (Gantt jornada 7–15h) — pale green, was blue */
  --color-shift:          #E3EFE3;
  --color-shift-border:   #BBD6BF;

  /* Text */
  --text-strong:          var(--slate-800);
  --text-id:              var(--navy-text);   /* monospace OT/chasis ids */
  --text-body:            var(--gray-700);
  --text-muted:           var(--gray-500);
  --text-subtle:          var(--gray-400);
  --text-on-dark:         var(--white);
  --text-on-dark-muted:   var(--slate-400);

  /* Borders */
  --color-border:         var(--gray-200);
  --color-border-strong:  var(--gray-300);
  --color-border-dark:    var(--slate-700);

  /* Actions */
  --color-primary:        var(--trivium-green-500);          /* brand green confirm */
  --color-primary-hover:  var(--trivium-green);
  --color-accent:         var(--trivium-gold);               /* hero CTA "Replanificar" */
  --color-accent-fg:      var(--trivium-green-700);
  --color-link:           var(--trivium-green-500);

  /* Priority (OT) — muted, brand-harmonized tones */
  --priority-high:        #B65C4D;   /* muted brick red */
  --priority-high-bg:     #F5EAE7;
  --priority-medium:      #C39A3E;   /* muted ochre (gold family) */
  --priority-medium-bg:   #F6F1E1;
  --priority-low:         #5C9173;   /* muted sage (green family) */
  --priority-low-bg:      #E9F1EC;

  /* Capacity / load bar */
  --load-ok:              var(--green-500);   /* < 87% */
  --load-warn:            var(--amber-500);   /* 87–100% */
  --load-over:            var(--red-500);     /* > 100% */

  /* Status feedback */
  --status-success:       var(--green-500);
  --status-error:         var(--red-500);
  --status-info:          var(--blue-500);
}