html {
 --md-primary: #974800;
--md-on-primary: #FFFFFF;
--md-primary-container: #FFDBC7;
--md-on-primary-container: #311300;
--md-secondary: #755846;
--md-on-secondary: #FFFFFF;
--md-secondary-container: #FFDBC7;
--md-on-secondary-container: #2B1709;
--md-tertiary: #616134;
--md-on-tertiary: #FFFFFF;
--md-tertiary-container: #E7E6AD;
--md-on-tertiary-container: #1D1D00;
--md-error: #BA1A1A;
--md-on-error: #FFFFFF;
--md-error-container: #FFDAD6;
--md-on-error-container: #410002;
--md-background: #FFFBFF;
--md-on-background: #201A17;
--md-surface: #FFFBFF;
--md-on-surface: #201A17;
--md-surface-variant: #F4DED3;
--md-on-surface-variant: #52443C;
--md-outline: #84746A;
--md-outline-variant: #D7C3B8;
--md-shadow: #000000;
--md-scrim: #000000;
--md-inverse-surface: #362F2B;
--md-inverse-on-surface: #FBEEE8;
--md-inverse-primary: #FFB688;
--md-surface-bright: #FFF8F5;
--md-surface-container: #F8EBE6;
--md-surface-container-high: #F2E6E0;
--md-surface-container-highest: #ECE0DA;
--md-surface-container-low: #FEF1EB;
--md-surface-container-lowest: #FFFFFF;
--md-surface-dim: #E4D8D2;
--md-surface-tint: #974800;
--md-ref-typeface-brand: 'Source Sans Pro', serif;
--md-ref-typeface-plain: 'system-ui';
--md-sys-typescale-body-medium-size: 16px;
--md-resolved-opacity: 1;
--md-shape-small: 4px;
--md-shape-medium: 12px;
--md-shape-large: 16px;
}