/*
 * KEPA Live Shipments - colours
 * ------------------------------------------------------------------
 * Every colour in the app comes from this one file.
 * Brand colours match the KEPA website (kepalogistics.com) and logo:
 *   Night   #03150D  website theme colour (page background, dark mode, TV)
 *   Forest  #00472B  deep green from the logo
 *   Green   #0BAA3C  bright green from the logo
 *   Leaf    #2FC655  lighter logo green, used on dark backgrounds
 *   Mint    #A6EBB8  soft green for chart contrast
 * Amber and red are status colours only (at risk / overdue), not brand.
 * To change a brand colour, edit the --k-... lines below and refresh.
 */
:root{
  --k-night:#03150D;
  --k-forest:#00472B;
  --k-green:#0BAA3C;
  --k-leaf:#2FC655;
  --k-mint:#A6EBB8;
  --k-sea:#0E7A44;
  --k-grey:#5E8270;

  /* light mode (office PCs) */
  --bg:#F2F7F3; --surface:#FFFFFF; --surface-2:#E9F3EC; --line:#D2E4D7; --line-strong:#9CC7AA;
  --text:#03150D; --muted:#4D6A59;
  --brand:var(--k-forest); --accent:var(--k-green); --on-brand:#FFFFFF;
  --ok:#00703A; --ok-bg:#DDF4E4;
  --warn:#9A6212; --warn-bg:#FFF1D6; --crit:#B83A33; --crit-bg:#FCE6E4;
  --glow:rgba(11,170,60,.14); --band:var(--surface); --flash:rgba(11,170,60,.18);
  --track:#E1EEE5; --backdrop:rgba(3,21,13,.6);
  --tv-bg:var(--k-night); --tv-text:#EAF6EE; --tv-muted:#84A691;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:var(--k-night); --surface:#071F15; --surface-2:#0B2A1C; --line:#16402B; --line-strong:#2A6B49;
    --text:#E5F3E9; --muted:#88A894;
    --brand:var(--k-green); --accent:var(--k-leaf); --on-brand:var(--k-night);
    --ok:var(--k-leaf); --ok-bg:rgba(47,198,85,.14);
    --warn:#F2B544; --warn-bg:rgba(242,181,68,.14); --crit:#F26A61; --crit-bg:rgba(242,106,97,.15);
    --glow:rgba(0,71,43,.5); --band:rgba(7,31,21,.7); --flash:rgba(47,198,85,.22); --track:#0C2C1D;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:var(--k-night); --surface:#071F15; --surface-2:#0B2A1C; --line:#16402B; --line-strong:#2A6B49;
  --text:#E5F3E9; --muted:#88A894;
  --brand:var(--k-green); --accent:var(--k-leaf); --on-brand:var(--k-night);
  --ok:var(--k-leaf); --ok-bg:rgba(47,198,85,.14);
  --warn:#F2B544; --warn-bg:rgba(242,181,68,.14); --crit:#F26A61; --crit-bg:rgba(242,106,97,.15);
  --glow:rgba(0,71,43,.5); --band:rgba(7,31,21,.7); --flash:rgba(47,198,85,.22); --track:#0C2C1D;
  color-scheme:dark;
}

/* TV wall: always dark, on the website's night green */
.tv{
  --bg:var(--k-night); --surface:#061C12; --surface-2:#0A2619; --line:#133B27; --line-strong:#2A6B49;
  --text:#EAF6EE; --muted:#84A691;
  --brand:var(--k-sea); --accent:var(--k-leaf);
  --ok:var(--k-leaf); --ok-bg:rgba(47,198,85,.15);
  --warn:#F2B544; --warn-bg:rgba(242,181,68,.16); --crit:#F26A61; --crit-bg:rgba(242,106,97,.17);
  --glow:rgba(0,71,43,.55); --band:rgba(6,28,18,.75); --flash:rgba(47,198,85,.24); --track:#0D2E1E;
  /* chart colours (read by charts.js) */
  --chart-ok:var(--k-leaf); --chart-late:#F26A61; --chart-warn:#F2B544;
  --chart-air:var(--k-leaf); --chart-sea:var(--k-sea); --chart-road:var(--k-mint); --chart-courier:var(--k-grey);
  --chart-avg:var(--k-sea); --chart-now:var(--k-mint); --chart-active:var(--k-mint); --chart-delivered:var(--k-green);
  color-scheme:dark;
}