:root {
  --saas-navy: #123b54;
  --saas-navy-deep: #0b2d41;
  --saas-blue: #0b7199;
  --saas-blue-dark: #075d7e;
  --saas-orange: #ef7d21;
  --saas-orange-dark: #ce6210;
  --saas-ink: #18313f;
  --saas-muted: #637783;
  --saas-line: #dce6eb;
  --saas-bg: #f3f7f9;
  --saas-surface: #ffffff;
  --saas-success: #087a55;
  --saas-success-bg: #e8f7f1;
  --saas-warning: #8a5000;
  --saas-warning-bg: #fff3dc;
  --saas-danger: #b42318;
  --saas-danger-bg: #ffebe8;
  --saas-info-bg: #e7f2f6;
  --saas-focus: #f7a55f;
  --saas-shadow-sm: 0 2px 8px rgb(18 59 84 / 8%);
  --saas-shadow-md: 0 12px 32px rgb(18 59 84 / 12%);
  --saas-radius-sm: 8px;
  --saas-radius-md: 12px;
  --saas-radius-lg: 18px;
  --saas-sidebar-width: 264px;
  --saas-topbar-height: 72px;
  --saas-content-width: 1440px;
  --saas-space-1: 4px;
  --saas-space-2: 8px;
  --saas-space-3: 12px;
  --saas-space-4: 16px;
  --saas-space-5: 20px;
  --saas-space-6: 24px;
  --saas-space-8: 32px;
  --saas-space-10: 40px;
  --saas-space-12: 48px;
  --saas-font:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}