/* Shared English/Arabic typography for the portfolio, SOON page and workspace. */
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../admin/fonts/plex-arabic-regular.ttf') format('truetype');font-weight:100 499;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../admin/fonts/plex-arabic-semibold.ttf') format('truetype');font-weight:500 900;font-style:normal;font-display:swap}
:root{--font-ui:'IBM Plex Sans Arabic',Arial,sans-serif;--f-wide:var(--font-ui);--f-heading:var(--font-ui);--f-display:var(--font-ui);--f-serif:var(--font-ui);--f-hand:var(--font-ui);--f-marker:var(--font-ui);--f-mono:var(--font-ui);--display:var(--font-ui);--body:var(--font-ui);--mono:var(--font-ui);--media-filter:grayscale(1);font-synthesis:none}
body{font-family:var(--font-ui)}
button,input,select,textarea{font-family:inherit}
::selection{background:#202020;color:#fff}

.sound-toggle{font:500 11px/1.4 var(--font-ui);background:#fff;color:#141414;border:1px solid #d8d8d8;border-radius:999px;padding:10px 14px;min-height:40px;cursor:pointer;white-space:nowrap}.sound-toggle:hover{background:#f0f0f0}.sound-toggle:focus-visible{outline:2px solid #141414;outline-offset:3px}.sound-toggle[aria-pressed=false]{color:#666}.foot-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.foot .sound-toggle{border:1px solid #d8d8d8;padding:10px 14px}.side-bottom .sound-toggle{justify-self:start}