:root{
  color-scheme:light;
  --color-primary:#475569;
  --color-primary-hover:#475569;
  --color-primary-active:#475569;
  --color-primary-light:#e6f6f3;
  --color-primary-border:#dbe3ed;
  --color-page:#f5f7f8;
  --color-card:#fff;
  --color-sidebar:#1e293b;
  --color-sidebar-hover:#1e293b;
  --color-sidebar-active:#334155;
  --color-header:#fff;
  --color-drawer:#fff;
  --color-overlay:rgb(16 24 40 / 48%);
  --color-text-primary:#1e293b;
  --color-text-secondary:#475467;
  --color-text-muted:#667085;
  --color-text-on-dark:#f8faf9;
  --color-border:#e4e7ec;
  --color-border-strong:#d0d5dd;
  --color-disabled-bg:#f2f4f7;
  --color-disabled-text:#98a2b3;
  --color-success:#475569;
  --color-success-soft:#eaf8f1;
  --color-warning:#b46b08;
  --color-warning-soft:#fff6e6;
  --color-error:#b42318;
  --color-error-soft:#fff0ee;
  --color-info:#356fbd;
  --color-info-soft:#edf4ff;
  --color-focus:#475569;
  --focus-ring:0 0 0 3px rgba(71,85,105 / 24%);
  --font-sans:"Open Sans","Vazirmatn",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --text-xs:.75rem;
  --text-sm:.8125rem;
  --text-md:.875rem;
  --text-lg:1rem;
  --text-xl:1.25rem;
  --text-2xl:1.5rem;
  --leading-tight:1.25;
  --leading-normal:1.5;
  --weight-regular:400;
  --weight-medium:600;
  --weight-bold:700;
  --space-0:0;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --radius-xs:.25rem;
  --radius-sm:.375rem;
  --radius-md:.5rem;
  --radius-lg:.75rem;
  --radius-xl:1rem;
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgb(16 24 40 / 5%);
  --shadow-sm:0 4px 12px rgb(16 24 40 / 8%);
  --shadow-md:0 16px 40px rgb(16 24 40 / 14%);
  --control-height-sm:2.25rem;
  --control-height-md:2.5rem;
  --control-height-lg:2.75rem;
  --target-min:2.5rem;
  --target-preferred:2.75rem;
  --icon-compact:1rem;
  --icon-normal:1.125rem;
  --icon-primary:1.25rem;
  --icon-major:1.5rem;
  --avatar-sm:2rem;
  --avatar-md:2.5rem;
  --avatar-lg:3rem;
  --header-height:4rem;
  --sidebar-width-expanded:15rem;
  --sidebar-width-collapsed:4.5rem;
  --activity-rail-width:3.625rem;
  --activity-drawer-width:20rem;
  --notification-drawer-width:24rem;
  --page-inline:clamp(1rem,2vw,1.75rem);
  --page-block:clamp(1rem,2vw,1.5rem);
  --z-base:0;
  --z-sidebar:20;
  --z-header:30;
  --z-popover:50;
  --z-backdrop:55;
  --z-drawer:60;
  --z-modal:80;
  --z-toast:100;
  --duration-fast:140ms;
  --duration-normal:220ms;
  --ease-standard:cubic-bezier(.2,.75,.3,1);
}
