:root {
  --md-sys-color-primary: #4F6642;
  --md-sys-color-primary-rgb: 79, 102, 66;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #D1EBBF;
  --md-sys-color-on-primary-container: #0D2005;
  --md-sys-color-secondary: #596153;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #DDE6D3;
  --md-sys-color-on-secondary-container: #171E12;
  --md-sys-color-tertiary: #396662;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #BCECE6;
  --md-sys-color-on-tertiary-container: #00201E;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #410002;
  --md-sys-color-background: #ddead1;
  --md-sys-color-on-background: #212121;
  --md-sys-color-surface: #FFFFFF;
  --md-sys-color-on-surface: #212121;
  --md-sys-color-surface-variant: #E0E4D7;
  --md-sys-color-on-surface-variant: #44483E;
  --md-sys-color-outline: #74796D;
  --md-sys-color-outline-variant: #C4C8BB;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #2F312C;
  --md-sys-color-inverse-on-surface: #F0F1EB;
  --md-sys-color-inverse-primary: #98D69A;
  --md-sys-color-surface-dim: #DCDDD8;
  --md-sys-color-surface-bright: #FCFDF7;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F6F7F1;
  --md-sys-color-surface-container: #F0F1EB;
  --md-sys-color-surface-container-high: #EAEBE5;
  --md-sys-color-surface-container-highest: #E4E5E0;

  --font-family-headline: 'Lora', serif;
  --font-family-body: 'Inter', sans-serif;
}