/* IHOG brand for the portal: the same fonts, light palette and pattern as the
   IHOG webmail. Dark mode is left on portal.css's Bulwark tokens, as in the
   webmail. Paths are relative to this file. */
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(fonts/IBMPlexSansArabic-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(fonts/IBMPlexSansArabic-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(fonts/IBMPlexSansArabic-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(fonts/IBMPlexSansArabic-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(fonts/IBMPlexSansArabic-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(fonts/IBMPlexSansArabic-600-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Zain";font-weight:700;font-display:swap;src:url(fonts/Zain-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Zain";font-weight:700;font-display:swap;src:url(fonts/Zain-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Zain";font-weight:800;font-display:swap;src:url(fonts/Zain-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Zain";font-weight:800;font-display:swap;src:url(fonts/Zain-800-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC}

:root{
  --font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --font-display:"Zain","IBM Plex Sans Arabic",system-ui,sans-serif;
  --login-panel:#172E76;--login-panel-fg:#ffffff;
}
@media (prefers-color-scheme:light){
  :root{
    --bg:#ffffff;--fg:#1B1A17;--muted:#F4F4F1;--muted-fg:#6B6860;
    --border:#E8E7E2;--input:#D5D3CC;--ring:#009EE3;
    --primary:#0071B8;--primary-fg:#ffffff;--accent:#EAF6FD;--accent-fg:#0F4F9E;
    --sidebar:#F5FBFE;--sidebar-accent:#EAF6FD;--danger:#B8121F;
  }
}
@media (prefers-color-scheme:dark){:root{--login-panel:#141414}}

/* The brand pattern replaces the default dot grid, drifting upward slowly. */
.login-panel::before{background-image:none;background-color:currentColor;opacity:.08;
  -webkit-mask:url(pattern.svg) 0 0/460px repeat;mask:url(pattern.svg) 0 0/460px repeat}
.login-panel .brand img{background:#fff;border-radius:999px;padding:3px}