/* Paper palette + production semantic aliases. See BRAND.md. */
:root {
  --color-white: #FFFFFF;
  --color-mist: #F4F4F4;
  --color-slate: #555555;
  --color-border: #DDDDDD;
  --color-ink: #000000;
  --color-forest: #87A970;
  --color-leaf: #E8EFE2;
  --color-safety: #CF811C;
  --color-safety-hover: #B77017;
  --color-error: #A52B36;
  --color-text: var(--color-landing-ink);
  --color-text-muted: var(--color-landing-muted);
  --color-surface: var(--color-white);
  --color-surface-subtle: var(--color-landing-wash);
  --color-action: var(--color-landing-gold);
  --color-on-action: var(--color-landing-evergreen);
  --color-action-hover: #C69C45;
  --color-link: var(--color-landing-evergreen);
  --color-focus: var(--color-landing-evergreen);
  --color-control-border: var(--color-landing-muted);
  --color-phone: var(--color-landing-evergreen);
  --color-landing-evergreen: #123D32;
  --color-landing-ink: #1C302A;
  --color-landing-gold: #D8AF58;
  --color-landing-wash: #F1F5F2;
  --color-landing-muted: #53685E;
  --color-landing-border: #D5DFD8;
  --font-display: "Oswald";
  --font-sans: "Raleway";
  --font-nav: "Montserrat";
  --text-caption: 14px;
  --text-ui: 16px;
  --text-body: 16px;
  --text-subhead: 24px;
  --text-heading: 32px;
  --text-mobile-display: 36px;
  --text-title: 46px;
  --text-display: 40px;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-display: 500;
  --tracking-display: 0em;
  --tracking-normal: 0em;
  --tracking-label: 0.12em;
  --leading-caption: 20px;
  --leading-ui: 24px;
  --leading-body: 26px;
  --leading-subhead: 34px;
  --leading-heading: 44px;
  --leading-mobile-display: 48px;
  --leading-title: 64px;
  --leading-display: 56px;
  --opacity-disabled: 40%;
  --opacity-full: 100%;
  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 768px;
  --breakpoint-nav-collapse: 1024px;
  --breakpoint-desktop: 1440px;
  --container-icon: 24px;
  --container-control: 52px;
  --container-reading: 700px;
  --container-content: 1080px;
  --container-sheet: 1440px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --radius-none: 0px;
  --radius-control: 0px;
  --color-heading: var(--color-landing-evergreen);
  --color-dark: var(--color-landing-evergreen);
  --color-on-dark: var(--color-white);
}