:root {
  --brand-primary: #3a526a;
  --brand-primary-active: #3a5e83;
  --brand-on-primary: #ffffff;
  --brand-accent: #d65927;
  --brand-focus: var(--brand-accent);
  --brand-focus-width: .75px;
  --brand-accent-slate: #27455c;
  --brand-accent-green: #468254;
  --brand-dark: #2d2c2b;
  --brand-canvas: #f9f4f2;
  --brand-canvas-soft: #f4eeeb;
  --brand-surface: #ffffff;
  --brand-surface-alt: #f9f4f2;
  --brand-ink: #2d2c2b;
  --brand-ink-secondary: #44423f;
  --brand-ink-muted: #4b4c4d;
  --brand-ink-faint: #757575;
  --brand-hairline: #e2ded9;
  --brand-radius-xs: 2px;
  --brand-radius-sm: 8px;
  --brand-radius-md: 16px;
  --brand-radius-lg: 24px;
  --brand-radius-xl: 32px;
  --brand-radius-xxl: 112px;
  --brand-radius-full: 9999px;
  --brand-shadow-1: 0 1px 8px rgba(20, 19, 19, 0.2);
  --brand-shadow-2: 0 0 18px rgba(0, 0, 0, 0.2);
  --brand-font-family: "Hanken Grotesk", Arial, sans-serif;
  --brand-motion-ease: cubic-bezier(.22, 1, .36, 1);
  --brand-motion-duration: 160ms;
}