/* SPADANA brandbook pages 1, 3, 5, 10, 13. Official colors; derived neutrals for UI surfaces. */
@font-face{font-family:SpadanaInter;src:url('assets/fonts/InterUserVariable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF}
/* Use the BYekan+ and Inter files explicitly supplied by the site owner. */
@font-face{font-family:SpadanaYekan;src:url('assets/fonts/BYekanPlus.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--spadana-white:#F5F5F1;--spadana-graphite:#221F1F;--spadana-industrial:#B81D24;--spadana-red:#E50914;--brand-space-1:8px;--brand-space-2:16px;--brand-space-3:24px;--brand-space-4:32px;--brand-space-6:48px;--brand-space-8:64px;--brand-font-fa:SpadanaYekan,Vazirmatn,Tahoma,sans-serif;--brand-font:SpadanaInter,SpadanaYekan,Vazirmatn,Tahoma,sans-serif}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) body,:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(button,input,select,textarea){font-family:var(--brand-font)!important;font-variant-numeric:tabular-nums}
:root[data-theme=spadana]{--ws-bg:#F5F5F1;--ws-surface:#FFFFFF;--ws-soft:#ECECE7;--ws-line:#D1CCC8;--ws-ink:#221F1F;--ws-muted:#625A5A;--ws-accent:#B81D24;--ws-tint:#FBE9E9;--ws-on-accent:#FFFFFF;--ws-shadow:0 4px 18px #221F1F08;color-scheme:light}
:root[data-theme=spadana-dark]{--ws-bg:#221F1F;--ws-surface:#2D2929;--ws-soft:#373131;--ws-line:#756C6C;--ws-ink:#F5F5F1;--ws-muted:#D0CACA;--ws-accent:#E50914;--ws-tint:#4A282B;--ws-on-accent:#FFFFFF;--ws-shadow:none;color-scheme:dark}
:root:is([data-theme=spadana],[data-theme=spadana-dark]){--bg:var(--ws-bg);--surface:var(--ws-surface);--text:var(--ws-ink);--ink:var(--ws-ink);--muted:var(--ws-muted);--line:var(--ws-line);--border:var(--ws-line);--accent:var(--ws-accent);--primary:var(--ws-accent);--brand:var(--ws-accent);--lavender:var(--ws-tint)}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) body:not(.print-page172){font-size:16px;line-height:1.75}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(.panel,.side,.topbar,dialog,.conversation,.room-list,.private-panel,.customer-panel149){background:var(--ws-surface);color:var(--ws-ink);border-color:var(--ws-line)}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(h1,h2,h3){color:var(--ws-ink);font-weight:750;text-wrap:balance}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .section-heading h1{font-size:clamp(28px,3.1vw,48px);line-height:1.25;letter-spacing:0}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .section-heading{gap:24px}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .section-heading h1:after{content:'';display:block;width:40px;height:3px;background:var(--spadana-red);margin-top:12px}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(.btn.primary,button.primary,.primary-link123[aria-current=page],.section-link123[aria-current=page]){background:var(--spadana-industrial)!important;color:#FFFFFF!important;border-color:var(--spadana-industrial)!important}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(.btn.primary,button.primary):hover{background:var(--spadana-red)!important;color:#FFFFFF!important;border-color:var(--spadana-red)!important}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(input,select,textarea){background:var(--ws-surface);color:var(--ws-ink);border-color:#8C8282}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(input,textarea)::placeholder{color:var(--ws-muted);opacity:1}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .message-wrap.mine .text-message{background:var(--ws-tint)!important;color:var(--ws-ink)!important}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .message-reply{color:var(--ws-ink)!important;background:var(--ws-soft)!important}
:root[data-theme=spadana-dark] :is(a,.message-reply b){color:var(--ws-ink)}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--ws-ink);outline-offset:3px}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) #workspace-loader157{background:var(--ws-bg);color:var(--ws-ink);font-family:var(--brand-font)}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .loader-line157:after{background:var(--spadana-red)}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .material-icon144{color:currentColor}
@media(max-width:760px){:root:is([data-theme=spadana],[data-theme=spadana-dark]) .section-heading{gap:16px}:root:is([data-theme=spadana],[data-theme=spadana-dark]) .section-heading h1{font-size:28px;line-height:1.4}}

:root:is([data-theme=spadana],[data-theme=spadana-dark]) .btn.soft{background:transparent!important;color:var(--ws-ink)!important;border-color:var(--ws-ink)!important}

:root:is([data-theme=spadana],[data-theme=spadana-dark]) .quick-card b{font-size:16px;line-height:1.6}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) :is(.quick-card small,.access-note,.project-body p){font-size:14px;line-height:1.6}
:root:is([data-theme=spadana],[data-theme=spadana-dark]) .sub-tabs .selected{color:var(--ws-ink);border-color:var(--ws-accent)}