/* WORKSPACE — centralna paleta. Menjanje boja ne menja logiku aplikacije.
   Akcenat: dugmad, aktivna navigacija i fokus. Semantičke boje: statusi.
   Izvori vremena uvek zadržavaju sopstvenu boju. Primeri: WORKSPACE-README.md. */
:root {
  color-scheme: light;
  --color-bg: #f1f5f9;
  --color-surface: #ffffff;
  --color-text: #102943;
  --color-divider: #dfe6ed;
  --color-accent: #087eb7;
  --color-on-accent: #ffffff;
  --color-accent-100: #e2f1fb;
  --color-accent-500: #128bcc;
  --color-accent-600: #066a9c;
  --color-accent-700: #075d91;
  --color-accent-800: #051f3e;
  --color-success: #17674b;
  --color-success-bg: #eaf7f0;
  --color-warning: #855509;
  --color-warning-bg: #fff6e4;
  --color-danger: #b13a48;
  --color-danger-bg: #fff0f2;
  --color-accent-2: var(--color-danger);
  --color-accent-2-100: var(--color-danger-bg);
  --color-accent-2-700: var(--color-danger);
  --color-accent-2-800: #8f2938;
  --color-neutral-100: #f6f8fb;
  --color-neutral-200: #eaf0f5;
  --color-neutral-300: #d8e0e8;
  --color-neutral-400: #aab8c6;
  --color-neutral-500: #78899b;
  --color-neutral-600: #627386;
  --color-neutral-700: #4f6175;
  --color-neutral-800: #35485b;
  --color-neutral-900: #243447;
  /* Planiranje zauzeća. Tri opsega prate pragove iz podešavanja, ne obrnuto:
     boja je prikaz praga, a prag je broj u .env-u. Boja nikad nije jedini
     nosilac značenja - ćelija uvek pokazuje i broj. */
  --plan-slobodno: #b5651d;          /* ispod niskog praga: slobodan kapacitet */
  --plan-slobodno-bg: #fdf3e8;
  --plan-zdravo: var(--color-success);
  --plan-zdravo-bg: var(--color-success-bg);
  --plan-preko: var(--color-danger);  /* iznad visokog praga: preopterećenje */
  --plan-preko-bg: var(--color-danger-bg);
  --plan-odsustvo: var(--color-neutral-600);
  --plan-odsustvo-bg: var(--color-neutral-200);
  --plan-neradni: var(--color-neutral-400);   /* vikend i praznik: crtica, ne 0% */
  --plan-cekanje: var(--color-neutral-500);   /* šrafura za zahteve na čekanju */

  /* senka kartice za prijavu i odjavu */
  --auth-senka: rgb(5 31 62 / 7%);

  --src-zammad: var(--color-accent);
  --src-gitlab: #c17424;
  --src-calendar: #7760bb;
  --src-manual: #5279b0;
  /* Pozadine KPI kartica. Razdvajaju brojeve da se red lakše čita; značenje uvek
     nosi tekst u kartici, a ne boja. */
  --kpi-plavi-bg: #eef4fb;
  --kpi-ljubicasti-bg: #f1f0fb;
  --kpi-zeleni-bg: #edf6f0;
  --kpi-zuti-bg: #fbf3e7;
  --kpi-crveni-bg: var(--color-danger-bg);
  --kpi-sivi-bg: var(--color-neutral-100);

  --font-body: 'Segoe UI', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: var(--font-body);
  --font-heading-weight: 650;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem;
  --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem;
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
  --sidebar-width: 232px;
  --page: 1440px;
  --page-gutter: clamp(20px, 2.8vw, 44px);
  --shadow-soft: 0 2px 8px rgb(25 38 53 / 3%);
}