/* ProdMonitor Track — teme. Jedini fajl u kojem smiju stajati boje, fontovi i radijusi.
   Tema je klasa na korijenskom elementu: theme-a | theme-b | theme-c (podrazumijevana).
   Komponente koriste isključivo varijable odavde i Tabler varijable (--tblr-*). */

.theme-c{
  --tblr-primary:#1B3A6B; --tblr-primary-rgb:27,58,107; --tblr-primary-fg:#ffffff;
  --tblr-primary-darken:#142c53; --tblr-primary-lt:#e4eaf3;
  --tblr-body-color:#131c2b; --tblr-secondary:#5a6679; --tblr-secondary-rgb:90,102,121; --tblr-muted:#5a6679;
  --tblr-border-color:#d5dce6; --tblr-border-color-translucent:#d5dce6;
  --tblr-bg-surface:#ffffff; --tblr-bg-surface-secondary:#f4f6f9; --tblr-bg-surface-tertiary:#f4f6f9;
  --tblr-border-radius-sm:4px; --tblr-border-radius-md:6px; --tblr-border-radius:6px; --tblr-border-radius-lg:8px;
  --tblr-shadow-card:none; --tblr-shadow-input:none;
  --app-bg:#e8ecf1;
  --menu-bg:#10213B; --menu-ink:#b3bfd2; --menu-strong:#ffffff; --menu-active:#1c3357; --menu-accent:#0D7CE9; --menu-line:#223a60;
  --accent-fg:#ffffff;
  --loc-home:#1B3A6B; --loc-out:#F0A202; --loc-done:#1FB45F; --loc-scrap:#d92d2d;
  --late:#d92d2d; --late-lt:#fbe5e5; --ok:#138a47; --ok-lt:#e1f4e9; --idle:#aab4c3;
  --mono:inherit; --head-weight:800; --kpi-weight:800;
  --font:"Manrope",system-ui,"Segoe UI",sans-serif;
  --layout:top;
}
.theme-a{
  --tblr-primary:#E8900C; --tblr-primary-rgb:232,144,12; --tblr-primary-fg:#1b1710;
  --tblr-primary-darken:#cf7e07; --tblr-primary-lt:#fcefdb;
  --tblr-body-color:#1f2328; --tblr-secondary:#646b74; --tblr-secondary-rgb:100,107,116; --tblr-muted:#646b74;
  --tblr-border-color:#dcdcd6; --tblr-border-color-translucent:#dcdcd6;
  --tblr-bg-surface:#ffffff; --tblr-bg-surface-secondary:#f6f6f2; --tblr-bg-surface-tertiary:#f6f6f2;
  --tblr-border-radius-sm:2px; --tblr-border-radius-md:3px; --tblr-border-radius:3px; --tblr-border-radius-lg:4px;
  --tblr-shadow-card:none; --tblr-shadow-input:none;
  --app-bg:#eeeeea;
  --menu-bg:#1b1f23; --menu-ink:#a9b0b7; --menu-strong:#ffffff; --menu-active:#2a3036; --menu-accent:#E8900C; --menu-line:#2c3238;
  --accent-fg:#1b1710;
  --loc-home:#4a525c; --loc-out:#E8900C; --loc-done:#8fb9a0; --loc-scrap:#cf3b3b;
  --late:#cf3b3b; --late-lt:#fbe7e7; --ok:#2f8a5a; --ok-lt:#e3f2ea; --idle:#b9bdc2;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace; --head-weight:600; --kpi-weight:600;
  --font:"IBM Plex Sans",system-ui,"Segoe UI",sans-serif;
  --layout:side;
}
.theme-b{
  --tblr-primary:#0F6B6B; --tblr-primary-rgb:15,107,107; --tblr-primary-fg:#ffffff;
  --tblr-primary-darken:#0b5757; --tblr-primary-lt:#e1efee;
  --tblr-body-color:#16302f; --tblr-secondary:#5c6d6c; --tblr-secondary-rgb:92,109,108; --tblr-muted:#5c6d6c;
  --tblr-border-color:#e0e8e7; --tblr-border-color-translucent:#e0e8e7;
  --tblr-bg-surface:#ffffff; --tblr-bg-surface-secondary:#f5f9f8; --tblr-bg-surface-tertiary:#f5f9f8;
  --tblr-border-radius-sm:6px; --tblr-border-radius-md:8px; --tblr-border-radius:8px; --tblr-border-radius-lg:12px;
  --tblr-shadow-card:0 1px 2px rgba(16,48,47,.05),0 8px 20px -10px rgba(16,48,47,.14); --tblr-shadow-input:none;
  --app-bg:#f0f4f3;
  --menu-bg:#ffffff; --menu-ink:#546665; --menu-strong:#0e2b2a; --menu-active:#e1efee; --menu-accent:#0F6B6B; --menu-line:#e0e8e7;
  --accent-fg:#ffffff;
  --loc-home:#0F6B6B; --loc-out:#D39A34; --loc-done:#b3d0cb; --loc-scrap:#c2413a;
  --late:#c2413a; --late-lt:#f9e6e4; --ok:#2c7a5f; --ok-lt:#e2f1eb; --idle:#b9c7c5;
  --mono:inherit; --head-weight:700; --kpi-weight:700;
  --font:"Plus Jakarta Sans",system-ui,"Segoe UI",sans-serif;
  --layout:side;
}

/* Paleta krugova sa inicijalima (ulazna pošta): boja se bira iz inicijala pošiljaoca, pa je ista osoba uvijek iste boje.
   Pozadina i tekst se izvode iz ove boje u app.css (.mail-avatar.av-N). */
.theme-a,.theme-b,.theme-c{
  --av-0:#2f6fde; --av-1:#0e9f8e; --av-2:#8a4fd6; --av-3:#d9467a;
  --av-4:#e27a1b; --av-5:#3c9a3f; --av-6:#b08400; --av-7:#5b6b8c;
}

/* Boje mreža za dugmad dijeljenja (blog); iste u sve tri teme. X ide u boji teksta. */
.theme-a,.theme-b,.theme-c{
  --share-facebook:#1877f2; --share-linkedin:#0a66c2; --share-whatsapp:#1faa53; --share-viber:#7360f2;
}