/* Tokenat e sistemit Industry, te nxjerre nga prototype/index.html.
   Burimi i vetem i se vertetes: nese ndryshojne atje, rigjenerohen ketu.
   Shih docs/design-system.md per tri devijimet e matura. */

:root{
  color-scheme: light;

  /* ── Industry: tokenat burimore ── */
  --color-bg:#ffffff; --color-surface:#f4f6f8; --color-text:#14181c;
  /* Theksi u forcua: `#5980a6` ishte çelik i zbehtë dhe faqja dilte gri mbi
     gri. Ky mban të njëjtin karakter — blu i thellë, jo i gëzuar — por e ka
     ngopjen që një lidhje të duket lidhje dhe një buton buton. */
  --color-accent:#1f5f9e;
  --color-divider:color-mix(in srgb,#1d1f20 16%,transparent);

  --color-neutral-100:#f5f5f8; --color-neutral-200:#e7e7ea; --color-neutral-300:#d4d4d7;
  --color-neutral-400:#b7b7ba; --color-neutral-500:#98989b; --color-neutral-600:#7a7a7d;
  --color-neutral-700:#5d5d60; --color-neutral-800:#424244; --color-neutral-900:#2b2b2d;

  --color-accent-100:#eaf3fc; --color-accent-200:#cfe4f8; --color-accent-300:#a5cbef;
  --color-accent-400:#6ea8e0; --color-accent-500:#3c83c6; --color-accent-600:#1f5f9e;
  --color-accent-700:#184b7d; --color-accent-800:#123a61; --color-accent-900:#0d2a47;

  /* ── Tipografia ──
     Archivo për titujt: e gjerë, e sigurt, me karakter — jo e ngushta
     "Barlow Condensed" që lexohej si etiketë inventari.
     Public Sans për trupin: e projektuar për dokumente publike, pra e
     lexueshme te ekrani i vogël dhe e printuar njësoj.
     JetBrains Mono për të dhënat: hash-et duhen dalluar shifër për shifër,
     dhe `0` me prerje nuk ngatërrohet me `O`. */
  --font-heading:"Archivo",system-ui,-apple-system,sans-serif;
  --font-body:"Public Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  /* Dendësia 0.85× e Industry-t. */
  --s1:3.4px; --s2:6.8px; --s3:10.2px; --s4:13.6px; --s5:20.4px; --s6:34px; --s7:54.4px;
  --t1:12px; --t2:13px; --t3:15px; --t4:20px; --t5:25px; --t6:42px;

  /* Blueprint: objektet janë katrore. Rrezja nuk është zgjedhje stili këtu. */
  --r1:0; --r2:0; --r3:0;
  --ctl-h:36px; --ctl-h-sm:30px; --tap:44px; --top-h:58px;

  /* ── Shtresa semantike ──
     Verdiktet NUK janë dekorim, prandaj janë e vetmja ngjyrë përtej çelikut.
     Në OKLCH, në të njëjtën gramatikë me pjesën tjetër. «mis» (çorientues)
     është shtuar mes danger-it dhe warn-it sepse sistemi ynë ka pesë verdikte,
     jo katër. */
  --fc-danger:oklch(50% .17 27);  --fc-danger-bg:oklch(94% .04 27);  --fc-danger-fg:oklch(38% .15 27);
  --fc-mis:oklch(56% .15 45);     --fc-mis-bg:oklch(94% .05 50);     --fc-mis-fg:oklch(40% .13 45);
  --fc-warn:oklch(66% .14 70);    --fc-warn-bg:oklch(95% .05 80);    --fc-warn-fg:oklch(42% .11 70);
  --fc-ok:oklch(55% .13 150);     --fc-ok-bg:oklch(94% .05 150);     --fc-ok-fg:oklch(36% .1 150);
  --fc-ai:oklch(52% .17 300);     --fc-ai-bg:oklch(95% .04 300);     --fc-ai-fg:oklch(38% .15 300);
  --fc-neutral:var(--color-neutral-500);
  --fc-neutral-bg:var(--color-neutral-100); --fc-neutral-fg:var(--color-neutral-800);

  /* ── Aliasi: emrat që përdor markup-i ── */
  --ground:var(--color-bg);
  --surface:var(--color-bg);          /* kartat janë vizatime, jo pllaka */
  --sunk:var(--color-surface);
  --raised:#ffffff;                   /* vetëm shtresat pezull: kërkimi, toast, dialog */
  --line:var(--color-divider);
  --line-soft:color-mix(in srgb,var(--color-text) 8%,transparent);
  /* Kufiri i vijes floke (16%) eshte 1.48:1 — mjaft per korniza dekorative,
     JO per kufijte e kontrolleve, ku WCAG 1.4.11 kerkon 3:1. Prandaj cdo gje
     qe klikohet ose shkruhet merr kete hap: 3.82:1 ne drite, 9.32:1 ne erresire. */
  --line-ctl:var(--color-neutral-600);

  --ink:var(--color-text);
  --ink-2:var(--color-neutral-800);   /* 8.97:1 */
  --ink-3:var(--color-neutral-700);   /* 5.87:1 — mbi pragun AA */

  /* Roli i veprimit ishte i kuq; tani është çeliku. Emrat mbeten. */
  --red:var(--color-accent);
  --red-hover:var(--color-accent-600); --red-active:var(--color-accent-700);
  --red-ink:var(--color-accent-700);   /* 5.78:1 — theksi vetë është 3.7:1, jo për tekst */
  --red-wash:var(--color-accent-100);  --red-edge:var(--color-accent-300);
  /* Theksi vetë është 3.71:1 mbi truall — mjaft për vija dhe korniza, JO për
     tekst. Prandaj çdo sipërfaqe e mbushur që mban tekst merr hapin e thellë
     të rampës (5.78:1), pikërisht siç e këshillon readme-ja e sistemit. */
  --red-fill:var(--color-accent-700);
  --on-red:var(--color-bg);
  --focus:var(--color-accent); --focus-halo:color-mix(in srgb,var(--color-accent) 30%,transparent);

  --v-true:var(--fc-ok-fg);      --v-true-w:var(--fc-ok-bg);
  --v-part:var(--fc-warn-fg);    --v-part-w:var(--fc-warn-bg);
  --v-mis:var(--fc-mis-fg);      --v-mis-w:var(--fc-mis-bg);
  --v-false:var(--fc-danger-fg); --v-false-w:var(--fc-danger-bg);
  --v-ai:var(--fc-ai-fg);        --v-ai-w:var(--fc-ai-bg);
  --alarm:var(--fc-danger-fg);   --alarm-w:var(--fc-danger-bg);
  --state:var(--fc-neutral-fg);  --state-w:var(--fc-neutral-bg);
  --bar:var(--color-neutral-600);

  --hover:color-mix(in srgb,var(--color-text) 7%,transparent);
  --press:color-mix(in srgb,var(--color-text) 14%,transparent);

  /* Pa buzë të trasha: sistemi vizaton me vijë floke, jo me hije. */
  --shadow:var(--shadow-sm);
  --shadow-sm:0 1px 2px color-mix(in srgb,#2b2b2d 14%,transparent);
  --shadow-2:0 12px 32px color-mix(in srgb,#2b2b2d 22%,transparent);
  --shadow-sticky:0 3px 10px color-mix(in srgb,#2b2b2d 16%,transparent);

  --dur-1:90ms; --dur-2:160ms; --dur-3:260ms;
  --ease:cubic-bezier(.2,.6,.35,1);

  /* ── Kroma e aplikacionit ──
     Koka dhe shiriti i poshtëm nuk janë pllaka të ngjitura mbi faqen: janë
     kromë, dhe përmbajtja rrëshqet NËN të. Prandaj e tejdukshme me
     `backdrop-filter` — ajo lëvizje nën kokë është vetë sinjali që një
     aplikacion e ka dhe një dokument jo.

     `--krome-fort` është trualli i plotë dhe është FALLBACK-u, jo varianti i
     zbehtë: pa turbullim një kokë 82% e tejdukshme i lë titujt poshtë të
     lexohen përmes shkrimit të vetë kokës. Pa `backdrop-filter` → opak.

     `--blur` mban edhe `saturate`: turbullimi i vetëm e zbeh ngjyrën poshtë
     dhe kroma del gri mbi gri, pikërisht ajo që theksi u forcua për të ndrequr. */
  --krome:color-mix(in srgb,var(--color-bg) 82%,transparent);
  --krome-fort:var(--color-bg);
  --blur:saturate(150%) blur(12px);

  /* Lartësia e kokës në telefon. 52 px = cak-u 44 plus 2×--s1 hapësirë.
     Hollësia fitohet nga rreshti, JO nga butoni — butoni mbetet 44. */
  --krye-h-mob:52px;
  /* Lartësia e shiritit të poshtëm, pa zonën e sigurt. Hyn te hapësira që
     `main` dhe `.fund` lënë poshtë; te CSS-ja ai numër shkruhet 64px
     shprehimisht, sepse dy prova e lexojnë atë rresht. */
  --shirit-h:56px;

  /* Shenjat e regjistrimit në cepa */
  --mark:color-mix(in srgb,var(--color-text) 55%,transparent);
}

/* E ÇELËT SI PARAZGJEDHJE, JO AJO E SISTEMIT.
   Deri më 8 shtator 2026 kjo ishte `@media (prefers-color-scheme:dark)`, pra
   faqja dilte e errët për këdo me sistem të errët. Për një arkiv publik që
   lexohet nga një lidhje e dërguar, faqja e parë duhet të duket e njëjtë për
   të gjithë — dhe ai që e do të errët e zgjedh me butonin, e zgjedhja i
   ruhet te një cookie. */
:root[data-theme="dark"]{
  color-scheme: dark;
  --color-bg:#131517; --color-surface:#1a1d20; --color-text:#e4e6e8;
  --color-accent:#7ea3c8;
  --color-divider:color-mix(in srgb,#e4e6e8 18%,transparent);
  --color-accent-100:#1d2d3d; --color-accent-200:#2c455d; --color-accent-300:#416180;
  --color-accent-400:#597ea3; --color-accent-600:#94bce3; --color-accent-700:#b5d9fd;
  --color-accent-800:#d6ebff; --color-accent-900:#eef6ff;
  --color-neutral-100:#2b2b2d; --color-neutral-200:#424244; --color-neutral-300:#5d5d60;
  --color-neutral-400:#7a7a7d; --color-neutral-600:#b7b7ba; --color-neutral-700:#d4d4d7;
  --color-neutral-800:#e7e7ea; --color-neutral-900:#f5f5f8;
  --fc-danger:oklch(68% .17 27);  --fc-danger-bg:oklch(30% .08 27);  --fc-danger-fg:oklch(85% .1 27);
  --fc-mis:oklch(73% .15 45);     --fc-mis-bg:oklch(31% .075 45);    --fc-mis-fg:oklch(86% .1 45);
  --fc-warn:oklch(78% .14 75);    --fc-warn-bg:oklch(32% .07 75);    --fc-warn-fg:oklch(88% .1 80);
  --fc-ok:oklch(72% .14 150);     --fc-ok-bg:oklch(30% .07 150);     --fc-ok-fg:oklch(86% .1 150);
  --fc-ai:oklch(72% .15 300);     --fc-ai-bg:oklch(32% .08 300);     --fc-ai-fg:oklch(87% .09 300);
  --raised:#1a1d20;
  /* Kroma e errët është më e ngjeshur: mbi truall të errët e njëjta
     tejdukshmëri lë tekstin poshtë të lexohet përmes, sepse kontrasti mes
     shkrimit të bardhë të kokës dhe titullit të bardhë poshtë është zero. */
  --krome:color-mix(in srgb,var(--color-bg) 88%,transparent);
  --red-ink:var(--color-accent-700);
  --red-fill:var(--color-accent);   /* 7.07:1 mbi tekstin e errët */
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 12px 32px rgba(0,0,0,.6);
  --shadow-sticky:0 3px 10px rgba(0,0,0,.5);
}