/* UI01 | Performance Portal Design Tokens | All assets self-hosted. */
:root {
  color-scheme:light;
  --ds-navy-950:#0a2738;--ds-navy-900:#123247;--ds-navy-800:#1a4154;
  --ds-teal-800:#075569;--ds-teal-700:#08677b;--ds-teal-600:#087e90;
  --ds-teal-100:#d9f1f1;--ds-teal-50:#effafa;
  --ds-ink:#142e3f;--ds-ink-soft:#354d5e;--ds-muted:#607586;
  --ds-canvas:#f3f6fa;--ds-surface:#ffffff;--ds-soft:#f8fafc;--ds-surface-alt:#eaf0f5;
  --ds-border:#dbe4eb;--ds-border-strong:#c7d4df;
  --ds-success:#15664c;--ds-success-soft:#e4f5ed;
  --ds-warning:#865b13;--ds-warning-soft:#fcf2d9;
  --ds-danger:#a72e3d;--ds-danger-soft:#fcecee;
  --ds-info:#145e86;--ds-info-soft:#e4f2fb;
  --ds-gold:#bc9b60;--ds-focus:#b65a12;
  --ds-shadow-xs:0 1px 2px rgb(15 39 55 / 5%);
  --ds-shadow-sm:0 4px 18px rgb(22 49 67 / 5%);
  --ds-shadow-md:0 14px 45px rgb(22 49 67 / 9%);
  --ds-shadow-lg:0 28px 70px rgb(8 34 48 / 20%);
  --ds-radius-xs:7px;--ds-radius-sm:10px;--ds-radius-md:14px;--ds-radius-lg:18px;--ds-radius-xl:24px;
  --ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;
  --ds-space-5:20px;--ds-space-6:24px;--ds-space-7:28px;--ds-space-8:32px;
  --ds-space-10:40px;--ds-space-12:48px;
  --ds-font:Vazirmatn, 'IRANSans', Tahoma, system-ui, sans-serif;
  --ds-ease:cubic-bezier(.2,.8,.2,1);
  --ds-duration:180ms;--ds-sidebar-width:276px;--ds-sidebar-mini:82px;--ds-topbar-height:76px;
  --ds-container:1660px;
  --bs-primary:#08677b;--bs-primary-rgb:8,103,123;
  --bs-body-color:var(--ds-ink);--bs-body-bg:var(--ds-canvas);
  --portal-primary:var(--ds-teal-700);--portal-primary-hover:var(--ds-teal-800);
  --portal-ink:var(--ds-ink);--portal-muted:var(--ds-muted);
  --portal-line:var(--ds-border);--portal-bg:var(--ds-canvas);
  --portal-focus:var(--ds-focus);--portal-radius:var(--ds-radius-lg);
}