/*
 * HumaniQon design tokenek -- az arculat egyetlen forrasa.
 *
 * Szabaly: sablonban, CSS-ben es JS-ben nem irunk be uj szint, lekerekitest, betumeretet vagy
 * arnyekot; ezekbol a valtozokbol dolgozunk. Ha valami hianyzik, ide kerul uj token.
 * Leiras es atallasi allapot: docs/design-system.md, elo minta: /admin/design-system.
 *
 * Paletta: "B" -- a Tailwind-szeru szurkeskek (slate) es kek skala, amit a belso oldalak
 * mar hasznaltak, sotetkek felso savval (2026-09-25-i dontes).
 */
:root {
  /* Keret */
  --hq-bar: #0f3d63;
  --hq-bar-text: #ffffff;
  --hq-bar-text-muted: rgba(255, 255, 255, 0.78);
  --hq-bar-control: rgba(255, 255, 255, 0.12);
  --hq-bar-control-hover: rgba(255, 255, 255, 0.2);

  /* Feluletek */
  --hq-bg: #f1f5f9;
  --hq-surface: #ffffff;
  --hq-surface-muted: #f8fafc;
  --hq-surface-hover: #eff6ff;

  /* Keretek */
  --hq-border: #e2e8f0;
  --hq-border-strong: #cbd5e1;
  --hq-border-subtle: rgba(15, 23, 42, 0.06);  /* halvany racsvonal (heti orasavok) */

  /* Szoveg */
  --hq-text-strong: #0f172a;
  --hq-text: #334155;
  --hq-text-secondary: #475569;
  --hq-text-muted: #64748b;
  --hq-text-subtle: #94a3b8;
  --hq-text-on-primary: #ffffff;

  /* Elsodleges szin */
  --hq-primary: #2563eb;
  --hq-primary-hover: #1d4ed8;
  --hq-primary-soft: #dbeafe;
  --hq-primary-ring: rgba(37, 99, 235, 0.18);
  --hq-primary-tint: rgba(37, 99, 235, 0.07);  /* kijelolt cella halvany kek fatyla */
  --hq-accent: #2563eb;

  /* Allapotok: szoveg / hatter / keret */
  --hq-success: #166534;
  --hq-success-bg: #dcfce7;
  --hq-success-border: #86efac;
  --hq-warning: #9a3412;
  --hq-warning-bg: #ffedd5;
  --hq-warning-border: #fdba74;
  --hq-warning-soft: #fffdf8;
  --hq-danger: #991b1b;
  --hq-danger-bg: #fee2e2;
  --hq-danger-border: #fca5a5;
  --hq-danger-solid: #dc2626;
  /* Tomor kitoltoszinek (pl. kihasznaltsagi sav): rendben / figyelmeztetes / kritikus / kimerult (= danger-solid) */
  --hq-success-solid: #16a34a;
  --hq-warning-solid: #f59e0b;
  --hq-critical-solid: #ea580c;
  --hq-info: #1d4ed8;
  --hq-info-bg: #dbeafe;
  --hq-info-border: #93c5fd;

  /* Naptar: naptipusok hattere (beosztas, nyomtatott beosztas) */
  --hq-cal-holiday-bg: #fee2e2;   /* munkaszuneti nap */
  --hq-cal-rest-bg: #fef3c7;      /* pihenonap */
  --hq-cal-closed-bg: #e5e7eb;    /* zart nap */
  --hq-cal-short-bg: #dbeafe;     /* roviditett nap */
  /* Naptar: hetvege a heti racsban (szombat halvanyabb, vasarnap erosebb piros arnyalat) */
  --hq-cal-saturday-bg: #fff8f8;
  --hq-cal-sunday-bg: #fff1f1;
  --hq-cal-sunday-text: #ef4444;
  /* Naptar: dolgozoi savszinek a nyomtatott havi beosztasban (soronkent korbeforognak) */
  --hq-cal-tone-0: #f8cfa0;
  --hq-cal-tone-1: #c7dfb1;
  --hq-cal-tone-2: #fde68a;
  --hq-cal-tone-3: #d8b4d0;
  --hq-cal-tone-4: #bfd3ec;
  --hq-cal-tone-5: #d9d9d9;

  /* Beosztas: muszaktipusok (hatter / keret / szoveg) */
  --hq-shift-morning-bg: #f3f8ff;
  --hq-shift-morning-border: #cfe2f8;
  --hq-shift-morning-text: #2d5f91;
  --hq-shift-evening-bg: #fffaf0;
  --hq-shift-evening-border: #f3dfb7;
  --hq-shift-evening-text: #7b5710;
  --hq-shift-long-bg: #eefbf7;
  --hq-shift-long-border: #bfe9dc;
  --hq-shift-long-text: #0f6b53;
  /* kijelolt muszak kerete napszak szerint (a gyuru ennek attetszo valtozata, color-mix) */
  --hq-shift-morning-accent: #60a5fa;
  --hq-shift-evening-accent: #f59e0b;
  --hq-shift-long-accent: #10b981;
  /* egyedi (sablontol eltero) idopontu muszak */
  --hq-shift-custom-bg: #fef3c7;
  --hq-shift-custom-border: #fcd34d;
  --hq-shift-custom-text: #92400e;

  /* Beosztas: tavolleti es kulonleges muszaktipusok (hatter / keret / szoveg): helyettesites,
     tovabbkepzes, home office, szabadsag, beteg, egyeb */
  --hq-shift-substitution-bg: #ffedd5;
  --hq-shift-substitution-border: #fdba74;
  --hq-shift-substitution-text: #9a3412;
  --hq-shift-training-bg: #e0f2fe;
  --hq-shift-training-border: #7dd3fc;
  --hq-shift-training-text: #0c4a6e;
  --hq-shift-homeoffice-bg: #ecfeff;
  --hq-shift-homeoffice-border: #67e8f9;
  --hq-shift-homeoffice-text: #155e75;
  --hq-shift-leave-bg: #dcfce7;
  --hq-shift-leave-border: #86efac;
  --hq-shift-leave-text: #166534;
  --hq-shift-sick-bg: #fee2e2;
  --hq-shift-sick-border: #fca5a5;
  --hq-shift-sick-text: #991b1b;
  --hq-shift-other-bg: #ede9fe;
  --hq-shift-other-border: #c4b5fd;
  --hq-shift-other-text: #5b21b6;
  /* Beosztas: nyitott helyettesigeny (borostyan, szaggatott keret) */
  --hq-open-request-bg: #fffbeb;
  --hq-open-request-border: #fcd34d;
  --hq-open-request-text: #b45309;

  /* Beosztas: szerepkor-jeloles (dolgozo-avatar, muszak-pill): gyogyszeresz / asszisztens / takarito */
  --hq-role-pharmacist-soft: #dcfce7;
  --hq-role-pharmacist-bg: #f0fdf4;
  --hq-role-pharmacist-border: #4ade80;
  --hq-role-pharmacist-text: #166534;
  --hq-role-assistant-soft: #dbeafe;
  --hq-role-assistant-bg: #eff6ff;
  --hq-role-assistant-border: #93c5fd;
  --hq-role-assistant-text: #1e40af;
  --hq-role-cleaner-soft: #ede9fe;
  --hq-role-cleaner-bg: #f5f3ff;
  --hq-role-cleaner-border: #c4b5fd;
  --hq-role-cleaner-text: #5b21b6;
  /* Beosztas: lefedettsegi diagram -- a szerepkorszinek telitett valtozata (gyogyszeresz zold,
     asszisztens kek; 2026-09-25-i dontes: a diagram igazodjon a szerepkorokhoz) */
  --hq-coverage-pharmacist: #4ade80;
  --hq-coverage-assistant: #60a5fa;

  /* Sajat beosztas: napszak szerinti muszakszinek (sav / naptarnap hattere felulrol lefele,
     belso keret) -- delelott / kozep / delutan / este / ejjel / ismeretlen / szabadsag */
  --hq-slot-morning-from: #e8f5e9;
  --hq-slot-morning-to: #f5fcf7;
  --hq-slot-morning-ring: rgba(33, 106, 71, 0.16);
  --hq-slot-midday-from: #e0f2fe;
  --hq-slot-midday-to: #f6fbff;
  --hq-slot-midday-ring: rgba(7, 89, 133, 0.15);
  --hq-slot-afternoon-from: #fff3e0;
  --hq-slot-afternoon-to: #fff9f0;
  --hq-slot-afternoon-ring: rgba(184, 92, 0, 0.15);
  --hq-slot-evening-from: #ede9fe;
  --hq-slot-evening-to: #f7f5ff;
  --hq-slot-evening-ring: rgba(91, 33, 182, 0.14);
  --hq-slot-night-from: #e4e7ff;
  --hq-slot-night-to: #f5f6ff;
  --hq-slot-night-ring: rgba(67, 56, 202, 0.15);
  --hq-slot-unknown-from: #f1f5f9;
  --hq-slot-unknown-to: #f8fafc;
  --hq-slot-unknown-ring: rgba(100, 116, 139, 0.15);
  --hq-slot-leave-from: #ffe082;
  --hq-slot-leave-to: #fff7d6;
  --hq-slot-leave-ring: rgba(122, 75, 0, 0.13);
  --hq-slot-leave-text: #7a4b00;

  /* Beosztas: jovahagyott/fuggo szabadsagkeres jelolese a cellan es a muszak-pillen (turkiz);
     a valtoztatasi igeny jelolese a warning szinekkel megy (+ --hq-warning-soft cellahatter) */
  --hq-timeoff-soft: #f5fcfa;
  --hq-timeoff-bg: #e0f2f1;
  --hq-timeoff-border: #99d5cf;
  --hq-timeoff-text: #00695c;

  /* Beosztas: napi terhelesi diagram (oszlop szinatmenete, igeny-vonal, bal tengely) es a
     muszaksablon-hatarvonal a napi idovonalon */
  --hq-chart-bar-light: #93c5fd;
  --hq-chart-bar: #60a5fa;
  --hq-chart-line: #dc2626;
  --hq-chart-axis-bar: #0f766e;
  --hq-slot-boundary: #0f766e;

  /* Dolgozoi preferencia-minta: a "kerulendo" allapot sajat borostyanja (a narancs warning
     halvany hattere tul kozel lenne a piros "lehetoleg ne"-hez); a tobbi allapot success / danger */
  --hq-pref-avoid-bg: #fef3c7;
  --hq-pref-avoid-border: #fcd34d;
  --hq-pref-avoid-text: #92400e;

  /* Helyettesites: igenystatuszok */
  --hq-request-open: #f97316;         /* nyitott (Igeny) */
  --hq-request-rejected: #ef4444;     /* visszautasitott */
  --hq-request-negotiating: #9333ea;  /* egyeztetes alatt (Jelentkezett) */
  --hq-request-offered: #2563eb;      /* kiajanlva */
  --hq-request-assigned: #16a34a;     /* elvallalva (Beosztva) */
  --hq-request-closed: #94a3b8;       /* lezarva (Elkelt) */

  /* Lekerekites */
  --hq-radius-s: 6px;
  --hq-radius: 8px;
  --hq-radius-l: 12px;
  --hq-radius-pill: 999px;

  /* Betu */
  --hq-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --hq-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --hq-fs-xs: 11px;
  --hq-fs-sm: 12px;
  --hq-fs-md: 13px;
  --hq-fs-base: 14px;
  --hq-fs-lg: 16px;
  --hq-fs-xl: 20px;
  --hq-fs-2xl: 24px;
  --hq-fw-medium: 500;
  --hq-fw-semibold: 600;
  --hq-fw-bold: 700;

  /* Terkoz */
  --hq-space-1: 4px;
  --hq-space-2: 8px;
  --hq-space-3: 12px;
  --hq-space-4: 16px;
  --hq-space-5: 24px;
  --hq-space-6: 32px;

  /* Arnyek */
  --hq-shadow-s: 0 1px 2px rgba(15, 23, 42, 0.06);
  --hq-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
  --hq-shadow-l: 0 16px 36px rgba(15, 23, 42, 0.16);
  --hq-shadow-bar: 0 2px 6px rgba(15, 23, 42, 0.18);
  /* Ragado oszlop/fejlec szeli arnyeka: iranyitott arnyekhoz csak a szin (pl. 10px 0 16px -14px) */
  --hq-shadow-edge: rgba(15, 23, 42, 0.18);

  /* Mezok */
  --hq-control-height: 40px;
  --hq-control-height-s: 32px;
}