/* AUTO-GENERATED by scripts/build-brand.js. */

@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/Fraunces-600.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/Fraunces-700.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/Fraunces-800.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-400.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-500.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-600.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-700.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-800.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --brand-color-primary: #f47c5b;
  --brand-color-primary-pressed: #dc6849;
  --brand-color-landing-primary: #a23e23;
  --brand-color-landing-primary-pressed: #87321c;
  --brand-color-secondary: #9ab8a6;
  --brand-color-accent: #a68fbf;
  --brand-color-cream: #fff8f1;
  --brand-color-warm-white: #ffffff;
  --brand-color-text: #2f3e5c;
  --brand-color-text-muted: #64748b;
  --brand-color-border: #e8ded2;
  --brand-color-error: #f44336;
  --brand-color-success: #4caf50;
  --brand-color-warning: #ff9800;
  --brand-color-info: #2196f3;
  --brand-color-disabled: #e0e0e0;
  --brand-color-black: #000000;
  --brand-font-family-display: Fraunces;
  --brand-font-family-sans: Manrope;
  --brand-font-family-mono: SpaceMono-Regular;
  --brand-font-size-xs: 12px;
  --brand-font-size-sm: 14px;
  --brand-font-size-md: 16px;
  --brand-font-size-lg: 20px;
  --brand-font-size-xl: 24px;
  --brand-font-size-xxl: 32px;
  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;
  --brand-font-weight-bold: 700;
  --brand-font-weight-black: 800;
  --brand-spacing-xs: 4px;
  --brand-spacing-sm: 8px;
  --brand-spacing-md: 16px;
  --brand-spacing-lg: 24px;
  --brand-spacing-xl: 32px;
  --brand-spacing-xxl: 48px;
  --brand-border-radius: 16px;
  --brand-border-button: 8px;
  --brand-border-input: 12px;
}