@font-face {
  font-family: 'Make It Better';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src:
    url('/fonts/themes/scout/MakeItBetter-Regular.woff2') format('woff2'),
    url('/fonts/themes/scout/MakeItBetter-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Make It Better';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src:
    url('/fonts/themes/scout/MakeItBetter-Bold.woff2') format('woff2'),
    url('/fonts/themes/scout/MakeItBetter-Bold.woff') format('woff');
}

:root[data-theme='scout'] {
  --font-family-sans: 'Make It Better', sans-serif;
  /* Neutral semantic overrides */
  --color-neutral-200: #fbf8f6;
  --color-neutral-300: #e8e5e3;
  --color-neutral-400: #dedcda;
  --color-neutral-500: #d7d4d2;
  --color-neutral-600: #d1cecd;
  --color-neutral-700: #6a6a69;
  --color-neutral-800: #484848;
  --color-neutral-900: #3d3d3d;
  --color-neutral-1000: #333;
  --color-base: var(--color-white);
  --color-base-foreground: var(--color-neutral-1000);
  --color-brand-primary: var(--color-neutral-1000);
  --color-brand-primary-foreground: var(--color-neutral-100);
  --color-brand-primary-light: var(--color-neutral-200);
  --color-brand-primary-foreground-light: var(--color-base-foreground);
  --color-brand-primary-hover: var(--color-neutral-900);
  --color-brand-secondary: #3df5dc;
  --color-brand-secondary-foreground: var(--color-base-foreground);
  --color-brand-secondary-light: #3df5dc;
  --color-brand-secondary-foreground-light: var(--color-base-foreground);
  --color-brand-secondary-hover: #55e6cb;
  --color-brand-tertiary: #3df5dc;
  --color-brand-tertiary-foreground: var(--color-base-foreground);
  --color-brand-tertiary-light: #3df5dc;
  --color-brand-tertiary-foreground-light: var(--color-base-foreground);
  --color-brand-tertiary-hover: #55e6cb;
  --color-success: #389e0d;
  --color-success-foreground: #f6ffed;
  --color-success-light: #f6ffed;
  --color-success-foreground-light: #389e0d;
  --color-error: #cf1322;
  --color-error-foreground: #fff1f0;
  --color-error-light: #fff1f0;
  --color-error-foreground-light: #cf1322;
  --color-focus: #1677ff;
  --font-size-heading-xxlarge: 3rem;
  /* 48px */
  --font-size-heading-xlarge: 2.125rem;
  /* 34px */
  --font-size-heading-large: 1.625rem;
  /* 26px */
  --font-size-heading-medium: 1.25rem;
  /* 20px */
  --font-size-heading-small: 1.125rem;
  /* 18px */
  --line-height-heading-xxlarge: 3.625rem;
  /* 58px */
  --line-height-heading-xlarge: 2.75rem;
  /* 44px  */
  --line-height-heading-large: 2.25rem;
  /* 36px */
  --line-height-heading-medium: 1.875rem;
  /* 30px  */
  --line-height-heading-small: 1.75rem;
  /* 28px  */
  --font-size-body-large: 1rem;
  /* 16px */
  --font-size-body-medium: 0.875rem;
  /* 14px */
  --font-size-body-small: 0.75rem;
  /* 12px */
  --line-height-body-large: 1.625rem;
  /* 26px */
  --line-height-body-medium: 1.375em;
  /* 22px */
  --line-height-body-small: 1.125rem;
  /* 18px */
}