@font-face{font-family:Nunito;src:url('/fonts/Nunito.woff2') format('woff2');font-display:swap;font-weight:200 1000}
@font-face{font-family:'Noto Sans Arabic';src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--bg:#121412;--surface:#1b1e1b;--raised:#252925;--line:#41483d;--muted:#b3bbad;--text:#f2f3eb;--accent:#d9f975;--accent-hover:#e7ff9a;--accent-depth:#809d35;--ink:#182012;--error:#ffaaaa;--warning:#f5ca8c;--font-ui:Nunito,'Noto Sans Arabic',Arial,sans-serif;--font-ar:'Noto Sans Arabic',Nunito,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--radius-control:12px;--radius-panel:16px;--space-unit:4px;--focus:2px solid var(--accent);font-family:var(--font-ui);background:var(--bg);color:var(--text)}
html[lang=ar],html[lang=ar] body{font-family:var(--font-ar)}
button,input,textarea,select{font-family:inherit}button,.primary,.secondary,.nav-editor{border-radius:var(--radius-control)}
button.primary,a.primary,.nav-editor{background:var(--accent);color:var(--ink);border:1px solid var(--accent);box-shadow:0 3px 0 var(--accent-depth);font-weight:800;transition:background .12s,transform .12s,box-shadow .12s}
button.primary:hover,a.primary:hover,.nav-editor:hover{background:var(--accent-hover);color:var(--ink)}button.primary:active,a.primary:active,.nav-editor:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-depth)}
button.secondary{border-color:var(--line);box-shadow:0 2px 0 #0b0f08;background:var(--raised)}
:focus-visible{outline:var(--focus);outline-offset:3px}a{color:inherit}.error{color:var(--error)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}