/* Generated by build_tokens.py. Brand artwork colors stay fixed; semantic roles vary by theme. */
@font-face{font-family:Manrope;src:url("../assets/fonts/manrope-latin.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:url("../assets/fonts/noto-sans-arabic.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
--font-sans:"Manrope","Noto Sans Arabic",sans-serif;
--font-arabic:"Noto Sans Arabic",sans-serif;
--dima-cobalt:#0751F8;
--dima-orange:#FF650A;
--dima-ink:#0B142C;
--dima-paper:#FAF9F6;
--bg:#FAF9F6;
--surface:#FFFFFF;
--surface-subtle:#F0F3FA;
--ink:#0B142C;
--muted:#586174;
--line:#D7DDE7;
--control-border:#7A8599;
--primary:#0751F8;
--primary-hover:#003CC8;
--on-primary:#FFFFFF;
--accent:#FF650A;
--on-accent:#0B142C;
--accent-text:#9C3500;
--accent-soft:#FFF0E5;
--focus:#0751F8;
--success:#176742;
--success-soft:#E7F5ED;
--warning:#855100;
--warning-soft:#FFF3D6;
--danger:#AD2834;
--danger-soft:#FDECEF;
--info-soft:#E9EFFF;
--selected:#E9EFFF;
--overlay:#0B142C66;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--radius-small:8px;
--radius-control:10px;
--radius-panel:14px;
--radius-large:20px;
--radius-pill:999px;
--layout-compact:600px;
--layout-medium:900px;
--layout-expanded:1200px;
--layout-content-max:1440px;
--layout-sidebar:232px;
--layout-touch-min:44px;
--layout-touch-preferred:48px;
--layout-field-height:48px;
--type-caption-size:12px;
--type-caption-line:18px;
--type-caption-weight:500;
--type-small-size:14px;
--type-small-line:21px;
--type-small-weight:500;
--type-body-size:16px;
--type-body-line:26px;
--type-body-weight:400;
--type-label-size:14px;
--type-label-line:20px;
--type-label-weight:650;
--type-title-size:24px;
--type-title-line:32px;
--type-title-weight:750;
--type-heading-size:36px;
--type-heading-line:44px;
--type-heading-weight:750;
--type-display-size:56px;
--type-display-line:64px;
--type-display-weight:800;
--motion-instant:0ms;
--motion-fast:120ms;
--motion-standard:200ms;
--motion-deliberate:320ms;
--motion-ease:cubic-bezier(0.16, 1, 0.3, 1);
--shadow-none:none;
--shadow-raised:0 6px 22px rgba(11,20,44,0.08);
--shadow-overlay:0 16px 48px rgba(11,20,44,0.18);
--color-primary:var(--primary);--color-accent:var(--accent);--color-text:var(--ink);--color-muted:var(--muted);--color-background:var(--bg);--color-surface:var(--surface);--color-border:var(--line);
}
[data-theme="dark"]{color-scheme:dark;
--bg:#0B1424;
--surface:#141F34;
--surface-subtle:#1D2B43;
--ink:#F5F7FC;
--muted:#B3BED1;
--line:#35435D;
--control-border:#8997B0;
--primary:#A5BFFF;
--primary-hover:#C2D3FF;
--on-primary:#0B142C;
--accent:#FF995B;
--on-accent:#0B142C;
--accent-text:#FFB384;
--accent-soft:#3D281F;
--focus:#A5BFFF;
--success:#8CDDB2;
--success-soft:#18392C;
--warning:#F8D48A;
--warning-soft:#3B301D;
--danger:#FFAFB8;
--danger-soft:#42232E;
--info-soft:#1E3156;
--selected:#253C67;
--overlay:#00000099;
}
[data-theme="light"]{color-scheme:light}
[lang="ar"]{font-family:var(--font-arabic);letter-spacing:normal}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-standard:0ms;--motion-deliberate:0ms}}