@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {
  font-family: Gilroy;
  src: url('/fonts/Gilroy-Medium.woff2') format('woff2'), url('/fonts/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('/fonts/Gilroy-ExtraBold.woff2') format('woff2'), url('/fonts/Gilroy-ExtraBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('/fonts/Gilroy-Black.woff2') format('woff2'), url('/fonts/Gilroy-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('/fonts/Gilroy-Thin.woff2') format('woff2'), url('/fonts/Gilroy-Thin.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url('/fonts/Gilroy-Light.woff2') format('woff2'), url('/fonts/Gilroy-Light.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/*
 * Trig's complete theme primitive layer. Reusable component and tone aliases in
 * defaults.css derive from these values, so widgets do not fall back to the
 * platform's neutral palette.
 */
:root,
::after,
::before {
  --mr-font-main: Gilroy, Arial, sans-serif;
  --mr-font-heading: Gilroy, Arial, sans-serif;
  --mr-font-accent: Gilroy, Arial, sans-serif;
  --mr-font-services-heading: Anton, sans-serif;
  --mr-body-font-size: 22px;

  --mr-color-background: #f2f2f2;
  --mr-color-surface: #ffffff;
  --mr-color-text: #636363;
  --mr-color-primary: #bb263d;
  --mr-color-primary-tint: #c95164;
  --mr-color-primary-shade: #961e31;
  --mr-color-primary-murky: #bb263dbf;
  --mr-color-primary-hazy: #bb263d1f;
  --mr-color-primary-contrast: #ffffff;
  --mr-color-secondary: #444b54;
  --mr-color-secondary-tint: #697078;
  --mr-color-secondary-shade: #363c43;
  --mr-color-secondary-murky: #444b54bf;
  --mr-color-secondary-hazy: #444b541f;
  --mr-color-secondary-contrast: #ffffff;
  --mr-color-tertiary: #aeb0b2;
  --mr-color-tertiary-tint: #c7c8ca;
  --mr-color-tertiary-shade: #8b8d8e;
  --mr-color-tertiary-murky: #aeb0b2bf;
  --mr-color-tertiary-hazy: #aeb0b226;
  --mr-color-tertiary-contrast: #20242a;
  --mr-color-quaternary: #f2f2f2;
  --mr-color-quaternary-tint: #f8f8f8;
  --mr-color-quaternary-shade: #d9d9d9;
  --mr-color-quaternary-murky: #f2f2f2bf;
  --mr-color-quaternary-hazy: #f2f2f226;
  --mr-color-quaternary-contrast: #20242a;
  --mr-color-accent: #a71a31;
  --mr-color-accent-tint: #bd485b;
  --mr-color-accent-shade: #861527;
  --mr-color-accent-murky: #a71a31bf;
  --mr-color-accent-hazy: #a71a311f;
  --mr-color-accent-contrast: #ffffff;
  --mr-color-contrast: #444b54;
  --mr-color-light: #f2f2f2;
  --mr-color-medium: #636363;
  --mr-color-dark: #20242a;
  --mr-color-heading-dark: #444b54;
  --mr-color-heading-light: #ffffff;
  --mr-color-body-dark: #636363;
  --mr-color-body-light: rgba(255, 255, 255, 0.92);
  --mr-color-eyebrow-dark: #bb263d;
  --mr-color-eyebrow-light: #ffffff;
  --mr-color-link-dark: #b42239;
  --mr-color-link-light: #ffffff;
  --mr-color-form-border: #d1d3d4;

  --mr-surface-base: var(--mr-color-surface);
  --mr-surface-soft: color-mix(in srgb, var(--mr-color-secondary) 7%, var(--mr-color-surface));
  --mr-surface-muted: color-mix(in srgb, var(--mr-color-background) 74%, var(--mr-color-surface));
  --mr-surface-raised: var(--mr-color-surface);
  --mr-surface-overlay: rgba(255, 255, 255, 0.86);
  --mr-text-muted: color-mix(in srgb, var(--mr-color-text) 72%, var(--mr-color-surface));
  --mr-text-soft: color-mix(in srgb, var(--mr-color-text) 58%, var(--mr-color-surface));
  --mr-control-border: color-mix(in srgb, var(--mr-color-secondary) 24%, transparent);
  --mr-control-border-focus: color-mix(in srgb, var(--mr-color-primary) 46%, transparent);
  --mr-control-surface: var(--mr-color-surface);
  --mr-control-shadow-focus: 0 0 0 4px color-mix(in srgb, var(--mr-color-primary) 14%, transparent);

  --mr-card-background-light: var(--mr-color-surface);
  --mr-card-background-dark: color-mix(in srgb, var(--mr-color-secondary) 88%, var(--mr-color-dark));
  --mr-card-background-highlight-light: color-mix(in srgb, var(--mr-color-primary) 7%, var(--mr-color-surface));
  --mr-card-background-highlight-dark: color-mix(in srgb, var(--mr-color-primary) 58%, var(--mr-color-secondary));
  --mr-badge-surface: color-mix(in srgb, var(--mr-color-primary) 10%, var(--mr-color-surface));
  --mr-badge-text: var(--mr-color-primary-shade);

  --mr-widget-surface: var(--mr-color-surface);
  --mr-widget-surface-soft: linear-gradient(180deg, var(--mr-color-surface), var(--mr-surface-soft));
  --mr-widget-surface-strong: linear-gradient(135deg, var(--mr-surface-soft), var(--mr-color-surface));
  --mr-widget-surface-accent: color-mix(in srgb, var(--mr-color-primary) 8%, var(--mr-color-surface));
  --mr-widget-border-color: color-mix(in srgb, var(--mr-color-secondary) 16%, transparent);
  --mr-widget-border-strong: color-mix(in srgb, var(--mr-color-primary) 28%, transparent);
  --mr-widget-highlight-surface: color-mix(in srgb, var(--mr-color-primary) 10%, var(--mr-color-surface));
  --mr-widget-highlight-border: color-mix(in srgb, var(--mr-color-primary) 30%, transparent);
  --mr-widget-highlight-color: var(--mr-color-primary-shade);
  --mr-widget-icon-surface: color-mix(in srgb, var(--mr-color-primary) 11%, var(--mr-color-surface));
  --mr-widget-icon-color: var(--mr-color-primary);
  --mr-widget-map-surface: linear-gradient(135deg, color-mix(in srgb, var(--mr-color-secondary) 8%, var(--mr-color-surface)), color-mix(in srgb, var(--mr-color-primary) 8%, var(--mr-color-surface)));
  --mr-widget-map-link-surface: color-mix(in srgb, var(--mr-color-surface) 96%, transparent);
  --mr-widget-map-link-border: color-mix(in srgb, var(--mr-color-secondary) 20%, transparent);
  --mr-widget-map-link-color: var(--mr-color-secondary);
  --mr-widget-callout-surface: linear-gradient(100deg, color-mix(in srgb, var(--mr-color-primary) 12%, var(--mr-color-surface)), color-mix(in srgb, var(--mr-color-secondary) 7%, var(--mr-color-surface)));
  --mr-widget-callout-border: color-mix(in srgb, var(--mr-color-primary) 26%, transparent);
  --mr-widget-contrast-surface: linear-gradient(135deg, var(--mr-color-secondary) 0%, var(--mr-color-dark) 100%);
  --mr-widget-contrast-text: var(--mr-color-heading-light);
  --mr-widget-contrast-muted: var(--mr-color-body-light);

  --mr-nav-subnav-toggle-color: #444b54;
  --mr-color-trig-red: #bb263d;
  --mr-color-trig-grey: #aeb0b2;
}