:root {
  --intra-color-brand-950: #001a4d;
  --intra-color-brand-900: #002b7a;
  --intra-color-brand-800: #003d9e;
  --intra-color-brand-700: #0052cc;
  --intra-color-brand-600: #1268e8;
  --intra-color-brand-100: #e8f1ff;
  --intra-color-brand-50: #f4f8ff;
  --intra-color-ink: #14233a;
  --intra-color-muted: #65717f;
  --intra-color-border: #dce5eb;
  --intra-color-canvas: #f3f6fa;
  --intra-color-surface: #fff;
  --intra-color-success: #16845a;
  --intra-color-danger: #b42318;
  --intra-gradient-brand: linear-gradient(
    135deg,
    var(--intra-color-brand-950) 0%,
    var(--intra-color-brand-700) 50%,
    var(--intra-color-brand-800) 100%
  );
  --intra-sidebar-width: 288px;
  --intra-sidebar-compact-width: 84px;
  --intra-topbar-height: 76px;
  --intra-radius-small: 10px;
  --intra-radius-medium: 16px;
  --intra-radius-large: 24px;
  --intra-shadow-small: 0 5px 20px rgb(0 26 77 / 7%);
  --intra-shadow-large: 0 24px 60px rgb(0 26 77 / 16%);
  --intra-transition-fast: 160ms ease;
  --intra-content-width: 1540px;
}