@font-face{font-family:'Anek Bangla';src:url(../fonts/AnekBangla-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Anek Bangla';src:url(../fonts/AnekBangla-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Hind Siliguri';src:url(../fonts/HindSiliguri-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Hind Siliguri';src:url(../fonts/HindSiliguri-Medium.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Hind Siliguri';src:url(../fonts/HindSiliguri-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Hind Siliguri';src:url(../fonts/HindSiliguri-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Plex Mono';src:url(../fonts/IBMPlexMono-Medium.ttf) format('truetype');font-weight:500;font-display:swap}

:root{
  --floor:#ECEEF0;
  --floor-2:#E2E5E8;
  --label:#FFFFFF;
  --label-2:#F6F7F8;
  --seam:#D9DDE1;
  --seam-2:#C3C9CF;
  --print:#111418;
  --print-2:#454C55;
  --print-3:#5E6670;

  --sack:#123F7A;
  --sack-ink:#0B2C57;
  --sack-wash:#E3EBF6;
  --sack-line:#B9CBE6;
  --vest:#E8950B;
  --vest-ink:#7A4A00;
  --vest-wash:#FCF0DA;
  --counted:#13774A;
  --counted-ink:#0C5434;
  --counted-wash:#E1F2E9;
  --short:#B3261E;
  --short-wash:#FBE6E4;
  --on-sack:#FFFFFF;

  --display:'Anek Bangla','Hind Siliguri',system-ui,sans-serif;
  --body:'Hind Siliguri','Anek Bangla',system-ui,sans-serif;
  --mono:'Plex Mono',ui-monospace,Menlo,monospace;

  --t-xxl:44px; --t-xl:30px; --t-l:22px; --t-m:17px; --t-b:15px; --t-s:13.5px; --t-xs:12px;

  --r-xs:6px; --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:28px;
  --sh-1:0 1px 0 rgba(17,20,24,.05),0 1px 2px rgba(17,20,24,.06);
  --sh-2:0 1px 2px rgba(17,20,24,.08),0 18px 36px -24px rgba(17,20,24,.45);
  --sh-3:0 2px 6px rgba(17,20,24,.10),0 30px 60px -30px rgba(17,20,24,.55);

  --ease:cubic-bezier(.2,.8,.2,1);
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --floor:#0E1114; --floor-2:#14181C; --label:#161A1F; --label-2:#1B2026; --seam:#262C33; --seam-2:#353D46;
    --print:#E7EAEE; --print-2:#AEB5BE; --print-3:#8C949E;
    --sack:#7FA6E0; --sack-ink:#A9C3EA; --sack-wash:#18263A; --sack-line:#2A4266; --on-sack:#0B1626;
    --vest:#F2AE3D; --vest-ink:#F6C877; --vest-wash:#2B2212;
    --counted:#4CC38A; --counted-ink:#7FD8AC; --counted-wash:#11291E;
    --short:#F0857C; --short-wash:#2E1715;
    --sh-1:0 1px 0 rgba(0,0,0,.3); --sh-2:0 1px 2px rgba(0,0,0,.4),0 18px 36px -24px rgba(0,0,0,.9); --sh-3:0 30px 60px -30px rgba(0,0,0,.9);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --floor:#0E1114; --floor-2:#14181C; --label:#161A1F; --label-2:#1B2026; --seam:#262C33; --seam-2:#353D46;
  --print:#E7EAEE; --print-2:#AEB5BE; --print-3:#8C949E;
  --sack:#7FA6E0; --sack-ink:#A9C3EA; --sack-wash:#18263A; --sack-line:#2A4266; --on-sack:#0B1626;
  --vest:#F2AE3D; --vest-ink:#F6C877; --vest-wash:#2B2212;
  --counted:#4CC38A; --counted-ink:#7FD8AC; --counted-wash:#11291E;
  --short:#F0857C; --short-wash:#2E1715;
  --sh-1:0 1px 0 rgba(0,0,0,.3); --sh-2:0 1px 2px rgba(0,0,0,.4),0 18px 36px -24px rgba(0,0,0,.9); --sh-3:0 30px 60px -30px rgba(0,0,0,.9);
  color-scheme:dark;
}