:root {
  --color-primary:#315fa6;
  --color-primary-dark:#244b88;
  --color-primary-light:#eef3fb;
  --color-dark:#292d33;
  --color-text:#303640;
  --color-text-muted:#5f6b7a;
  --color-border:#e3e7ed;
  --color-background:#f7f8fa;
  --color-surface:#fff;
  --color-success:#18714e;
  --color-danger:#be3636;
  --color-warning:#93630d;
  --container-width:1560px;
  --radius-sm:5px;
  --radius-md:9px;
  --radius-lg:12px;
  --shadow-sm:0 3px 14px #24324b0a;
  --header-height:120px;
  --category-panel-height:clamp(430px,58vh,560px);
  --category-root-width:270px;
  --font:Arial,Helvetica,sans-serif
}