body{
				--primary-color : var(--md-sys-color-primary);
				--primary-color-light: var(--md-sys-color-primary-container);
				--primary-color-dark: var(--md-sys-color-on-primary-container);
				--secondary-color: var(--md-sys-color-secondary);
				--secondary-color-light: var(--md-sys-color-secondary-container);
				--secondary-color-dark: var(--md-sys-color-on-secondary-container);
				--bg-color: linear-gradient(-45deg, var(--secondary-color), var(--primary-color));
				--bg-image: url("/images/tramado.png");
				--bg-menu: linear-gradient(45deg, #1f1e1e, var(--primary-color));
			}
			

		 
 body{ 
 --md-sys-color-primary: #f47a28; 
 --md-sys-color-on-primary: #ffffff; 
 --md-sys-color-primary-container: #ffdbca; 
 --md-sys-color-on-primary-container: #331200; 
 --md-sys-color-secondary: #f47a28; 
 --md-sys-color-on-secondary: #ffffff; 
 --md-sys-color-secondary-container: #ffdbca; 
 --md-sys-color-on-secondary-container: #2b160a; 
 --md-sys-color-tertiary: #f47a28; 
 --md-sys-color-on-tertiary: #ffffff; 
 --md-sys-color-tertiary-container: #eae5ab; 
 --md-sys-color-on-tertiary-container: #1e1c00; 
 --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: #fffbff; 
 --md-sys-color-on-background: #201a17; 
 --md-sys-color-surface: #fffbff; 
 --md-sys-color-on-surface: #201a17; 
 --md-sys-color-surface-variant: #f4ded4; 
 --md-sys-color-on-surface-variant: #52443c; 
 --md-sys-color-outline: #85746b; 
 --md-sys-color-outline-variant: #d7c2b9; 
 --md-sys-color-shadow: #000000; 
 --md-sys-color-scrim: #000000; 
 --md-sys-color-inverse-surface: #362f2c; 
 --md-sys-color-inverse-on-surface: #fbeee9; 
 --md-sys-color-inverse-primary: #ffb68e; 
 } 
 body[theme="dark"]{ 
 --md-sys-color-primary: #ffb68e; 
 --md-sys-color-on-primary: #542200; 
 --md-sys-color-primary-container: #773300; 
 --md-sys-color-on-primary-container: #ffdbca; 
 --md-sys-color-secondary: #e6beab; 
 --md-sys-color-on-secondary: #432b1d; 
 --md-sys-color-secondary-container: #5c4132; 
 --md-sys-color-on-secondary-container: #ffdbca; 
 --md-sys-color-tertiary: #cdc991; 
 --md-sys-color-on-tertiary: #343208; 
 --md-sys-color-tertiary-container: #4b481d; 
 --md-sys-color-on-tertiary-container: #eae5ab; 
 --md-sys-color-error: #ffb4ab; 
 --md-sys-color-on-error: #690005; 
 --md-sys-color-error-container: #93000a; 
 --md-sys-color-on-error-container: #ffb4ab; 
 --md-sys-color-background: #201a17; 
 --md-sys-color-on-background: #ece0db; 
 --md-sys-color-surface: #201a17; 
 --md-sys-color-on-surface: #ece0db; 
 --md-sys-color-surface-variant: #52443c; 
 --md-sys-color-on-surface-variant: #d7c2b9; 
 --md-sys-color-outline: #9f8d84; 
 --md-sys-color-outline-variant: #52443c; 
 --md-sys-color-shadow: #000000; 
 --md-sys-color-scrim: #000000; 
 --md-sys-color-inverse-surface: #ece0db; 
 --md-sys-color-inverse-on-surface: #362f2c; 
 --md-sys-color-inverse-primary: #9c4500; 
 }