/* House style, guide version c3b931f25edb. Rendered by `cm style render`
   from the registry repo's style guide: change the guide, not this file. */

:root {
  --app-bar-height: 64px;
  --bp-compact: 599.98px;
  --bp-medium: 839.98px;
  --brand-orange: #e05e00;
  --color-grey: #AEADAD;
  --color-navy: #043362;
  --color-offwhite: #F8F2F2;
  --color-orange: #E05E00;
  --color-success: #05683e;
  --content-max: 1200px;
  --field-container: var(--md-sys-color-surface-container-lowest);
  --font-sans: "Avenir Next", "Avenir", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --md-ref-typeface: "Avenir Next", Avenir, "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-inverse-on-surface: #f6efef;
  --md-sys-color-inverse-surface: #323030;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-on-primary-container: #234776;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-on-secondary-container: #3d4758;
  --md-sys-color-on-surface: #1d1b1c;
  --md-sys-color-on-surface-variant: #4b4547;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-on-tertiary-container: #7a3000;
  --md-sys-color-outline: #7c7577;
  --md-sys-color-outline-variant: #cdc4c6;
  --md-sys-color-primary: #043362;
  --md-sys-color-primary-container: #d5e3ff;
  --md-sys-color-secondary: #555f71;
  --md-sys-color-secondary-container: #d9e3f8;
  --md-sys-color-surface: #f8f2f2;
  --md-sys-color-surface-container: #f0e9ea;
  --md-sys-color-surface-container-high: #eae4e4;
  --md-sys-color-surface-container-highest: #e4dede;
  --md-sys-color-surface-container-low: #f6efef;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-tertiary: #a04100;
  --md-sys-color-tertiary-container: #ffdbcc;
  --md-sys-elevation-1: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15);
  --md-sys-elevation-2: 0 1px 2px rgb(0 0 0 / .3), 0 2px 6px 2px rgb(0 0 0 / .15);
  --md-sys-motion-standard: cubic-bezier(.2, 0, 0, 1);
  --md-sys-shape-extra-small: 4px;
  --md-sys-shape-full: 999px;
  --md-sys-shape-large: 16px;
  --md-sys-shape-medium: 12px;
  --md-sys-shape-small: 8px;
  --md-sys-state-focus: 10%;
  --md-sys-state-hover: 8%;
  --md-sys-state-pressed: 10%;
  --md-sys-typescale-body-large: 400 16px/24px var(--md-ref-typeface);
  --md-sys-typescale-body-medium: 400 14px/20px var(--md-ref-typeface);
  --md-sys-typescale-body-small: 400 12px/16px var(--md-ref-typeface);
  --md-sys-typescale-headline-small: 700 24px/32px var(--md-ref-typeface);
  --md-sys-typescale-label-large: 500 14px/20px var(--md-ref-typeface);
  --md-sys-typescale-label-medium: 500 12px/16px var(--md-ref-typeface);
  --md-sys-typescale-title-large: 400 22px/28px var(--md-ref-typeface);
  --md-sys-typescale-title-medium: 500 16px/24px var(--md-ref-typeface);
  --md-sys-typescale-title-small: 500 14px/20px var(--md-ref-typeface);
  --nav-bar-height: 80px;
  --nav-rail-width: 88px;
  --view-as-height: 0px;
}

:root[data-theme="dark"] {
  --field-container: var(--md-sys-color-surface-container-low);
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-inverse-on-surface: #323030;
  --md-sys-color-inverse-surface: #e7e1e1;
  --md-sys-color-on-error: #690005;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-on-primary: #02315f;
  --md-sys-color-on-primary-container: #d5e3ff;
  --md-sys-color-on-secondary: #273141;
  --md-sys-color-on-secondary-container: #d9e3f8;
  --md-sys-color-on-surface: #e7e1e1;
  --md-sys-color-on-surface-variant: #cdc4c6;
  --md-sys-color-on-tertiary: #561f00;
  --md-sys-color-on-tertiary-container: #ffdbcc;
  --md-sys-color-outline: #968f90;
  --md-sys-color-outline-variant: #4b4547;
  --md-sys-color-primary: #a6c8ff;
  --md-sys-color-primary-container: #234776;
  --md-sys-color-secondary: #bdc7dc;
  --md-sys-color-secondary-container: #3d4758;
  --md-sys-color-surface: #151313;
  --md-sys-color-surface-container: #211f20;
  --md-sys-color-surface-container-high: #2c292a;
  --md-sys-color-surface-container-highest: #373435;
  --md-sys-color-surface-container-low: #1d1b1c;
  --md-sys-color-surface-container-lowest: #100e0e;
  --md-sys-color-tertiary: #ffb693;
  --md-sys-color-tertiary-container: #7a3000;
}