:root{
  --blue-950:#03182d;
  --blue-900:#04233f;
  --blue-850:#052b4d;
  --blue-800:#073c68;
  --blue-700:#0d79e8;
  --blue-600:#178cf5;
  --blue-100:#dcecff;
  --blue-050:#eef6ff;
  --red-700:#e22b39;
  --ink-950:#071a2e;
  --ink-900:#0a2038;
  --ink-700:#3f5269;
  --ink-500:#718096;
  --surface:#ffffff;
  --surface-soft:#f5f8fc;
  --canvas:#eef2f7;
  --line:#e1e7ef;
  --success:#19b967;
  --warning:#e6a400;
  --danger:#e23946;
  --shadow-xs:0 2px 8px rgba(4,28,51,.06);
  --shadow-sm:0 8px 24px rgba(4,28,51,.08);
  --shadow-md:0 18px 48px rgba(4,28,51,.15);
  --shadow-card:0 8px 28px rgba(4,28,51,.09);
  --radius-sm:14px;
  --radius-md:20px;
  --radius-lg:30px;
  --sidebar-width:292px;
  --topbar-height:82px;
  --mobile-nav-height:64px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --mobile-safe-bottom:0px;
  --safe-left:env(safe-area-inset-left,0px);
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-brand:"Komika Axis","Trebuchet MS","Segoe UI",sans-serif;
  font-family:var(--font-ui);
  color:var(--ink-900);
  background:var(--canvas);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}