/* The single source for colors, typography and component sizing across all screens. */
@font-face {
  font-family: Manrope;
  src: url('/assets/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --color-background: #f5f7fb;
  --color-surface: #ffffff;
  --color-ink: #18263e;
  --color-muted: #627089;
  --color-border: #e0e6ef;
  --color-primary: #2855d9;
  --color-primary-hover: #1d43b6;
  --color-primary-soft: #edf2ff;
  --color-nav: #14294c;
  --color-nav-ink: #ffffff;
  --color-nav-muted: #aebdd5;
  --color-success: #176448;
  --color-success-soft: #edf8f2;
  --color-danger: #a3293e;
  --color-danger-soft: #fff0f3;
  --color-tenant: #f5c457;
  --color-tenant-ink: #493608;
  --font-family: Manrope, 'Avenir Next', 'Segoe UI', sans-serif;
  --font-caption: .65rem;
  --font-small: .8rem;
  --font-medium: .9rem;
  --font-large: 1.05rem;
  --font-heading: 1.15rem;
  --font-title: 2rem;
  --font-display: 2.7rem;
  --font-brand: 1.35rem;
  --font-brand-mark: 1.1rem;
  --font-login-title: 1.8rem;
  --font-tenant-mark: 1.5rem;
  --font-emblem: 7rem;
  --font-weight-normal: 450;
  --font-weight-medium: 600;
  --font-weight-bold: 750;
  --font-weight-heavy: 800;
  --line-height: 1.6;
  --space-xs: .375rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --radius-small: .5rem;
  --radius-medium: .85rem;
  --radius-large: 1.25rem;
  --control-small: 2.25rem;
  --control-medium: 2.8rem;
  --control-large: 3.25rem;
  --sidebar-width: 15rem;
  --content-width: 78rem;
  --focus-ring: 0 0 0 3px var(--color-primary-soft);
  --shadow-panel: 0 4px 18px rgb(20 41 76 / 3%);
}