/* Design tokens. Palette sampled from nhsrc.gov.pk (primary #083371). */
/* ============================================================
   HRMIS — Department HR Inventory
   Ministry of National Health Services, Regulations & Coordination
   Palette taken from nhsrc.gov.pk (primary #083371)
   ============================================================ */
:root{
  --navy:#083371;
  --navy-deep:#05224C;
  --navy-soft:#1B4A8F;
  --sky:#D3DDED;
  --sky-wash:#EDF2F9;
  --crimson:#C7474C;
  --crimson-wash:#FBEEEE;
  --gold:#F1BC31;
  --gold-wash:#FDF6E4;

  --ground:#F4F6FA;
  --surface:#FFFFFF;
  --surface-2:#F8FAFD;
  --border:#DCE2EC;
  --border-soft:#EAEEF5;
  --ink:#0F1725;
  --ink-2:#2A3446;
  --muted:#5A6577;
  --faint:#8A94A6;

  --ok:#1A7A57;
  --ok-wash:#E7F3EE;
  --warn:#9A6A10;
  --warn-wash:#FDF6E4;
  --crit:#A8353A;
  --crit-wash:#FBEEEE;

  --s-filled:#083371;
  --s-vacant:#C7474C;
  --s-frozen:#8A94A6;

  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

  --emblem-url:url("/assets/emblem.png");

  --r:6px; --r-lg:10px;
  --shadow:0 1px 2px rgba(8,51,113,.06),0 4px 14px rgba(8,51,113,.06);
  --shadow-lg:0 10px 40px rgba(8,51,113,.18);
  --rail-w:246px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --navy:#0B1A33; --navy-deep:#070F1F; --navy-soft:#5B8FD9;
    --sky:#24344F; --sky-wash:#16202F;
    --crimson:#E4767A; --crimson-wash:#2A1A1C;
    --gold:#E8B84B; --gold-wash:#2A2312;

    --ground:#0B111C; --surface:#131B29; --surface-2:#182233;
    --border:#26324a; --border-soft:#1E2739;
    --ink:#EAF0F9; --ink-2:#C6D2E4; --muted:#94A2B8; --faint:#6B788C;

    --ok:#4FBE93; --ok-wash:#12241D;
    --warn:#E0AE4A; --warn-wash:#26200F;
    --crit:#E4767A; --crit-wash:#2A1618;

    --s-filled:#5B8FD9; --s-vacant:#E4767A; --s-frozen:#6B788C;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);
    --shadow-lg:0 10px 40px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --navy:#0B1A33; --navy-deep:#070F1F; --navy-soft:#5B8FD9;
  --sky:#24344F; --sky-wash:#16202F;
  --crimson:#E4767A; --crimson-wash:#2A1A1C;
  --gold:#E8B84B; --gold-wash:#2A2312;
  --ground:#0B111C; --surface:#131B29; --surface-2:#182233;
  --border:#26324a; --border-soft:#1E2739;
  --ink:#EAF0F9; --ink-2:#C6D2E4; --muted:#94A2B8; --faint:#6B788C;
  --ok:#4FBE93; --ok-wash:#12241D;
  --warn:#E0AE4A; --warn-wash:#26200F;
  --crit:#E4767A; --crit-wash:#2A1618;
  --s-filled:#5B8FD9; --s-vacant:#E4767A; --s-frozen:#6B788C;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);
  --shadow-lg:0 10px 40px rgba(0,0,0,.6);
}
:root[data-theme="light"]{
  --navy:#083371; --navy-deep:#05224C; --navy-soft:#1B4A8F;
  --sky:#D3DDED; --sky-wash:#EDF2F9;
  --crimson:#C7474C; --crimson-wash:#FBEEEE;
  --gold:#F1BC31; --gold-wash:#FDF6E4;
  --ground:#F4F6FA; --surface:#FFFFFF; --surface-2:#F8FAFD;
  --border:#DCE2EC; --border-soft:#EAEEF5;
  --ink:#0F1725; --ink-2:#2A3446; --muted:#5A6577; --faint:#8A94A6;
  --ok:#1A7A57; --ok-wash:#E7F3EE;
  --warn:#9A6A10; --warn-wash:#FDF6E4;
  --crit:#A8353A; --crit-wash:#FBEEEE;
  --s-filled:#083371; --s-vacant:#C7474C; --s-frozen:#8A94A6;
}