:root, [data-theme="light"]{--surface-0:#F6F3EC;--surface-1:#FFFFFF;--surface-2:#EDE8DD;--ink:#0E1B2C;--ink-muted:#55606E;--brand-ink:#0E1B2C;--brand-navy:#1B2F4A;--brass:#A9844C;--brass-text:#7A5A28;--brass-tint:#EFE5D3;--on-brand:#F6F3EC;--on-brass:#0E1B2C;--line:#D9D2C4;--line-strong:#8F8676;--positive:#0E5A3C;--positive-tint:#E2EFE7;--negative:#B03C28;--negative-tint:#F8E4DF;--warning:#8A5A00;--warning-tint:#F5EAD3;--focus:var(--brass-text);--shadow-float:0 8px 24px rgba(14, 27, 44, 0.12);}
[data-theme="dark"]{--surface-0:#0B1522;--surface-1:#122136;--surface-2:#0F1C2E;--ink:#EEE8DC;--ink-muted:#9DA8B6;--brand-ink:#31507A;--brand-navy:#2A4467;--brass:#C9A46A;--brass-text:#D7B57E;--brass-tint:#2B2619;--on-brand:#F6F3EC;--on-brass:#0B1522;--line:#26384F;--line-strong:#6B7F99;--positive:#6FD3A5;--positive-tint:#123227;--negative:#E8705A;--negative-tint:#3A1D19;--warning:#E8B45A;--warning-tint:#33280F;--focus:var(--brass-text);--shadow-float:0 8px 24px rgba(0, 0, 0, 0.45);}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--font-display:"Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-sans:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;}
@font-face{font-family:'Readex Pro';src:url('../fonts/ReadexPro-Variable.woff2');font-weight:160 700;font-display:swap;}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Regular.woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Medium.woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-SemiBold.woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Bold.woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/IBMPlexMono-Regular.woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('../fonts/IBMPlexMono-Medium.woff2');font-weight:500;font-display:swap;}