/* GERADO por tools/m3-tokens/gerar.mjs — não edite à mão. Semente #5E4E8C; esquema Material 3 "tonal spot".
   Cada imagem do mapa de escuta tem a própria semente e recolore a página ([data-imagem] no <html>). */
:root {
  color-scheme: light dark;
  /* tipografia · type scale M3 (serifa do sistema nos títulos, sans do sistema no corpo) */
  --md-ref-typeface-brand: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --md-ref-typeface-plain: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --md-sys-typescale-display-large: 400 clamp(2.4rem, 1.6rem + 3.6vw, 3.6rem)/1.08 var(--md-ref-typeface-brand);
  --md-sys-typescale-display-small: 400 clamp(1.9rem, 1.5rem + 1.8vw, 2.6rem)/1.15 var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-medium: 400 clamp(1.5rem, 1.3rem + .9vw, 1.9rem)/1.25 var(--md-ref-typeface-brand);
  --md-sys-typescale-title-large: 500 1.3rem/1.35 var(--md-ref-typeface-brand);
  --md-sys-typescale-title-medium: 600 1rem/1.5 var(--md-ref-typeface-plain);
  --md-sys-typescale-body-large: 400 1.0625rem/1.65 var(--md-ref-typeface-plain);
  --md-sys-typescale-body-medium: 400 .9375rem/1.6 var(--md-ref-typeface-plain);
  --md-sys-typescale-label-large: 600 .875rem/1.25 var(--md-ref-typeface-plain);
  --md-sys-typescale-label-medium: 600 .75rem/1.3 var(--md-ref-typeface-plain);
  /* forma */
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-full: 999px;
  /* movimento */
  --md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);
  --md-sys-motion-duration-medium: 300ms;
  --md-sys-motion-duration-long: 600ms;
  /* camadas de estado */
  --md-sys-state-hover: 8%;
  --md-sys-state-focus: 10%;
  --md-sys-state-pressed: 10%;
  --md-sys-color-primary: #64558f;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #e8ddff;
  --md-sys-color-on-primary-container: #4c3e75;
  --md-sys-color-secondary: #615b71;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #e8def8;
  --md-sys-color-on-secondary-container: #494458;
  --md-sys-color-tertiary: #7d5260;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffd9e3;
  --md-sys-color-on-tertiary-container: #633b49;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #fdf7ff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f8f2fa;
  --md-sys-color-surface-container: #f2ecf4;
  --md-sys-color-surface-container-high: #ece6ee;
  --md-sys-color-surface-container-highest: #e6e1e9;
  --md-sys-color-on-surface: #1d1b20;
  --md-sys-color-on-surface-variant: #49454e;
  --md-sys-color-outline: #7a757f;
  --md-sys-color-outline-variant: #cac4cf;
  --md-sys-color-inverse-surface: #322f35;
  --md-sys-color-inverse-on-surface: #f5eff7;
  --md-sys-color-inverse-primary: #cebdfe;
  --md-sys-color-scrim: #000000;
}
[data-imagem="pedra"] {
  --md-sys-color-primary: #715c0c;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #fee086;
  --md-sys-color-on-primary-container: #564500;
  --md-sys-color-secondary: #685e40;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #f0e1bb;
  --md-sys-color-on-secondary-container: #4f462a;
  --md-sys-color-tertiary: #46664c;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #c7ecca;
  --md-sys-color-on-tertiary-container: #2e4e35;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #fff8f0;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fbf3e5;
  --md-sys-color-surface-container: #f5eddf;
  --md-sys-color-surface-container-high: #efe7da;
  --md-sys-color-surface-container-highest: #e9e2d4;
  --md-sys-color-on-surface: #1e1b13;
  --md-sys-color-on-surface-variant: #4c4639;
  --md-sys-color-outline: #7d7667;
  --md-sys-color-outline-variant: #cec6b4;
  --md-sys-color-inverse-surface: #343027;
  --md-sys-color-inverse-on-surface: #f8f0e2;
  --md-sys-color-inverse-primary: #e0c46d;
  --md-sys-color-scrim: #000000;
}
[data-imagem="rio"] {
  --md-sys-color-primary: #1d6586;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #c4e7ff;
  --md-sys-color-on-primary-container: #004c69;
  --md-sys-color-secondary: #4e616d;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #d1e5f4;
  --md-sys-color-on-secondary-container: #374955;
  --md-sys-color-tertiary: #615a7d;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e6deff;
  --md-sys-color-on-tertiary-container: #494264;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #f6fafe;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f0f4f8;
  --md-sys-color-surface-container: #eaeef3;
  --md-sys-color-surface-container-high: #e5e8ed;
  --md-sys-color-surface-container-highest: #dfe3e7;
  --md-sys-color-on-surface: #181c1f;
  --md-sys-color-on-surface-variant: #41484d;
  --md-sys-color-outline: #71787d;
  --md-sys-color-outline-variant: #c0c7cd;
  --md-sys-color-inverse-surface: #2c3134;
  --md-sys-color-inverse-on-surface: #edf1f5;
  --md-sys-color-inverse-primary: #90cef4;
  --md-sys-color-scrim: #000000;
}
[data-imagem="porta"] {
  --md-sys-color-primary: #8c4f26;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffdbc8;
  --md-sys-color-on-primary-container: #6f3811;
  --md-sys-color-secondary: #765847;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #ffdbc8;
  --md-sys-color-on-secondary-container: #5c4131;
  --md-sys-color-tertiary: #616033;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e8e5ac;
  --md-sys-color-on-tertiary-container: #49491e;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #fff8f5;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fff1ea;
  --md-sys-color-surface-container: #fceae2;
  --md-sys-color-surface-container-high: #f6e5dd;
  --md-sys-color-surface-container-highest: #f0dfd7;
  --md-sys-color-on-surface: #221a15;
  --md-sys-color-on-surface-variant: #52443c;
  --md-sys-color-outline: #85746b;
  --md-sys-color-outline-variant: #d7c2b8;
  --md-sys-color-inverse-surface: #382e29;
  --md-sys-color-inverse-on-surface: #ffede5;
  --md-sys-color-inverse-primary: #ffb68a;
  --md-sys-color-scrim: #000000;
}
[data-imagem="semente"] {
  --md-sys-color-primary: #4d662a;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ceeda2;
  --md-sys-color-on-primary-container: #364e14;
  --md-sys-color-secondary: #586249;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #dce7c7;
  --md-sys-color-on-secondary-container: #414a33;
  --md-sys-color-tertiary: #386662;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #bcece7;
  --md-sys-color-on-tertiary-container: #1f4e4b;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #f9faef;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f4f4e9;
  --md-sys-color-surface-container: #eeefe3;
  --md-sys-color-surface-container-high: #e8e9de;
  --md-sys-color-surface-container-highest: #e2e3d8;
  --md-sys-color-on-surface: #1a1c16;
  --md-sys-color-on-surface-variant: #44483d;
  --md-sys-color-outline: #75796c;
  --md-sys-color-outline-variant: #c5c8b9;
  --md-sys-color-inverse-surface: #2f312a;
  --md-sys-color-inverse-on-surface: #f1f2e6;
  --md-sys-color-inverse-primary: #b3d089;
  --md-sys-color-scrim: #000000;
}
[data-imagem="no"] {
  --md-sys-color-primary: #8e4957;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffd9de;
  --md-sys-color-on-primary-container: #713340;
  --md-sys-color-secondary: #75565b;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #ffd9de;
  --md-sys-color-on-secondary-container: #5c3f43;
  --md-sys-color-tertiary: #795831;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffddba;
  --md-sys-color-on-tertiary-container: #5f411c;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #fff8f7;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fff0f1;
  --md-sys-color-surface-container: #fbeaeb;
  --md-sys-color-surface-container-high: #f5e4e5;
  --md-sys-color-surface-container-highest: #f0dee0;
  --md-sys-color-on-surface: #22191a;
  --md-sys-color-on-surface-variant: #524345;
  --md-sys-color-outline: #847375;
  --md-sys-color-outline-variant: #d6c2c3;
  --md-sys-color-inverse-surface: #382e2f;
  --md-sys-color-inverse-on-surface: #feedee;
  --md-sys-color-inverse-primary: #ffb2be;
  --md-sys-color-scrim: #000000;
}
[data-imagem="concha"] {
  --md-sys-color-primary: #8c4f27;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffdbc9;
  --md-sys-color-on-primary-container: #6f3812;
  --md-sys-color-secondary: #765847;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #ffdbc9;
  --md-sys-color-on-secondary-container: #5c4131;
  --md-sys-color-tertiary: #626033;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e9e5ac;
  --md-sys-color-on-tertiary-container: #4a481d;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #93000a;
  --md-sys-color-surface: #fff8f5;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #fff1eb;
  --md-sys-color-surface-container: #fceae2;
  --md-sys-color-surface-container-high: #f6e5dd;
  --md-sys-color-surface-container-highest: #f0dfd7;
  --md-sys-color-on-surface: #221a15;
  --md-sys-color-on-surface-variant: #52443c;
  --md-sys-color-outline: #85746b;
  --md-sys-color-outline-variant: #d7c2b8;
  --md-sys-color-inverse-surface: #382e29;
  --md-sys-color-inverse-on-surface: #ffede5;
  --md-sys-color-inverse-primary: #ffb68c;
  --md-sys-color-scrim: #000000;
}
@media (prefers-color-scheme: dark) {
  :root {
  --md-sys-color-primary: #cebdfe;
  --md-sys-color-on-primary: #35275d;
  --md-sys-color-primary-container: #4c3e75;
  --md-sys-color-on-primary-container: #e8ddff;
  --md-sys-color-secondary: #cbc3dc;
  --md-sys-color-on-secondary: #332d41;
  --md-sys-color-secondary-container: #494458;
  --md-sys-color-on-secondary-container: #e8def8;
  --md-sys-color-tertiary: #efb8c8;
  --md-sys-color-on-tertiary: #492532;
  --md-sys-color-tertiary-container: #633b49;
  --md-sys-color-on-tertiary-container: #ffd9e3;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #141218;
  --md-sys-color-surface-container-lowest: #0f0d13;
  --md-sys-color-surface-container-low: #1d1b20;
  --md-sys-color-surface-container: #211f24;
  --md-sys-color-surface-container-high: #2b292f;
  --md-sys-color-surface-container-highest: #36343a;
  --md-sys-color-on-surface: #e6e1e9;
  --md-sys-color-on-surface-variant: #cac4cf;
  --md-sys-color-outline: #948f99;
  --md-sys-color-outline-variant: #49454e;
  --md-sys-color-inverse-surface: #e6e1e9;
  --md-sys-color-inverse-on-surface: #322f35;
  --md-sys-color-inverse-primary: #64558f;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="pedra"] {
  --md-sys-color-primary: #e0c46d;
  --md-sys-color-on-primary: #3c2f00;
  --md-sys-color-primary-container: #564500;
  --md-sys-color-on-primary-container: #fee086;
  --md-sys-color-secondary: #d4c6a1;
  --md-sys-color-on-secondary: #383016;
  --md-sys-color-secondary-container: #4f462a;
  --md-sys-color-on-secondary-container: #f0e1bb;
  --md-sys-color-tertiary: #accfaf;
  --md-sys-color-on-tertiary: #183720;
  --md-sys-color-tertiary-container: #2e4e35;
  --md-sys-color-on-tertiary-container: #c7ecca;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #16130b;
  --md-sys-color-surface-container-lowest: #110e07;
  --md-sys-color-surface-container-low: #1e1b13;
  --md-sys-color-surface-container: #231f17;
  --md-sys-color-surface-container-high: #2d2a21;
  --md-sys-color-surface-container-highest: #38342b;
  --md-sys-color-on-surface: #e9e2d4;
  --md-sys-color-on-surface-variant: #cec6b4;
  --md-sys-color-outline: #979080;
  --md-sys-color-outline-variant: #4c4639;
  --md-sys-color-inverse-surface: #e9e2d4;
  --md-sys-color-inverse-on-surface: #343027;
  --md-sys-color-inverse-primary: #715c0c;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="rio"] {
  --md-sys-color-primary: #90cef4;
  --md-sys-color-on-primary: #00344a;
  --md-sys-color-primary-container: #004c69;
  --md-sys-color-on-primary-container: #c4e7ff;
  --md-sys-color-secondary: #b5c9d7;
  --md-sys-color-on-secondary: #20333e;
  --md-sys-color-secondary-container: #374955;
  --md-sys-color-on-secondary-container: #d1e5f4;
  --md-sys-color-tertiary: #cac1e9;
  --md-sys-color-on-tertiary: #322c4c;
  --md-sys-color-tertiary-container: #494264;
  --md-sys-color-on-tertiary-container: #e6deff;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #0f1417;
  --md-sys-color-surface-container-lowest: #0a0f12;
  --md-sys-color-surface-container-low: #181c1f;
  --md-sys-color-surface-container: #1c2023;
  --md-sys-color-surface-container-high: #262b2e;
  --md-sys-color-surface-container-highest: #313539;
  --md-sys-color-on-surface: #dfe3e7;
  --md-sys-color-on-surface-variant: #c0c7cd;
  --md-sys-color-outline: #8b9297;
  --md-sys-color-outline-variant: #41484d;
  --md-sys-color-inverse-surface: #dfe3e7;
  --md-sys-color-inverse-on-surface: #2c3134;
  --md-sys-color-inverse-primary: #1d6586;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="porta"] {
  --md-sys-color-primary: #ffb68a;
  --md-sys-color-on-primary: #522300;
  --md-sys-color-primary-container: #6f3811;
  --md-sys-color-on-primary-container: #ffdbc8;
  --md-sys-color-secondary: #e5bfa9;
  --md-sys-color-on-secondary: #432b1c;
  --md-sys-color-secondary-container: #5c4131;
  --md-sys-color-on-secondary-container: #ffdbc8;
  --md-sys-color-tertiary: #cbc992;
  --md-sys-color-on-tertiary: #333209;
  --md-sys-color-tertiary-container: #49491e;
  --md-sys-color-on-tertiary-container: #e8e5ac;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #1a120d;
  --md-sys-color-surface-container-lowest: #140d08;
  --md-sys-color-surface-container-low: #221a15;
  --md-sys-color-surface-container: #261e19;
  --md-sys-color-surface-container-high: #312823;
  --md-sys-color-surface-container-highest: #3d332d;
  --md-sys-color-on-surface: #f0dfd7;
  --md-sys-color-on-surface-variant: #d7c2b8;
  --md-sys-color-outline: #9f8d84;
  --md-sys-color-outline-variant: #52443c;
  --md-sys-color-inverse-surface: #f0dfd7;
  --md-sys-color-inverse-on-surface: #382e29;
  --md-sys-color-inverse-primary: #8c4f26;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="semente"] {
  --md-sys-color-primary: #b3d089;
  --md-sys-color-on-primary: #203600;
  --md-sys-color-primary-container: #364e14;
  --md-sys-color-on-primary-container: #ceeda2;
  --md-sys-color-secondary: #c0cbac;
  --md-sys-color-on-secondary: #2a331e;
  --md-sys-color-secondary-container: #414a33;
  --md-sys-color-on-secondary-container: #dce7c7;
  --md-sys-color-tertiary: #a0d0cb;
  --md-sys-color-on-tertiary: #003734;
  --md-sys-color-tertiary-container: #1f4e4b;
  --md-sys-color-on-tertiary-container: #bcece7;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #12140e;
  --md-sys-color-surface-container-lowest: #0d0f09;
  --md-sys-color-surface-container-low: #1a1c16;
  --md-sys-color-surface-container: #1e201a;
  --md-sys-color-surface-container-high: #282b24;
  --md-sys-color-surface-container-highest: #33362e;
  --md-sys-color-on-surface: #e2e3d8;
  --md-sys-color-on-surface-variant: #c5c8b9;
  --md-sys-color-outline: #8f9285;
  --md-sys-color-outline-variant: #44483d;
  --md-sys-color-inverse-surface: #e2e3d8;
  --md-sys-color-inverse-on-surface: #2f312a;
  --md-sys-color-inverse-primary: #4d662a;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="no"] {
  --md-sys-color-primary: #ffb2be;
  --md-sys-color-on-primary: #561d2a;
  --md-sys-color-primary-container: #713340;
  --md-sys-color-on-primary-container: #ffd9de;
  --md-sys-color-secondary: #e5bdc2;
  --md-sys-color-on-secondary: #43292d;
  --md-sys-color-secondary-container: #5c3f43;
  --md-sys-color-on-secondary-container: #ffd9de;
  --md-sys-color-tertiary: #ebbf90;
  --md-sys-color-on-tertiary: #452b08;
  --md-sys-color-tertiary-container: #5f411c;
  --md-sys-color-on-tertiary-container: #ffddba;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #191112;
  --md-sys-color-surface-container-lowest: #140c0d;
  --md-sys-color-surface-container-low: #22191a;
  --md-sys-color-surface-container: #261d1e;
  --md-sys-color-surface-container-high: #312829;
  --md-sys-color-surface-container-highest: #3c3233;
  --md-sys-color-on-surface: #f0dee0;
  --md-sys-color-on-surface-variant: #d6c2c3;
  --md-sys-color-outline: #9f8c8e;
  --md-sys-color-outline-variant: #524345;
  --md-sys-color-inverse-surface: #f0dee0;
  --md-sys-color-inverse-on-surface: #382e2f;
  --md-sys-color-inverse-primary: #8e4957;
  --md-sys-color-scrim: #000000;
  }
  [data-imagem="concha"] {
  --md-sys-color-primary: #ffb68c;
  --md-sys-color-on-primary: #532200;
  --md-sys-color-primary-container: #6f3812;
  --md-sys-color-on-primary-container: #ffdbc9;
  --md-sys-color-secondary: #e5bfaa;
  --md-sys-color-on-secondary: #432b1c;
  --md-sys-color-secondary-container: #5c4131;
  --md-sys-color-on-secondary-container: #ffdbc9;
  --md-sys-color-tertiary: #ccc992;
  --md-sys-color-on-tertiary: #333209;
  --md-sys-color-tertiary-container: #4a481d;
  --md-sys-color-on-tertiary-container: #e9e5ac;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-surface: #1a120d;
  --md-sys-color-surface-container-lowest: #140d08;
  --md-sys-color-surface-container-low: #221a15;
  --md-sys-color-surface-container: #271e19;
  --md-sys-color-surface-container-high: #312823;
  --md-sys-color-surface-container-highest: #3d332d;
  --md-sys-color-on-surface: #f0dfd7;
  --md-sys-color-on-surface-variant: #d7c2b8;
  --md-sys-color-outline: #9f8d84;
  --md-sys-color-outline-variant: #52443c;
  --md-sys-color-inverse-surface: #f0dfd7;
  --md-sys-color-inverse-on-surface: #382e29;
  --md-sys-color-inverse-primary: #8c4f27;
  --md-sys-color-scrim: #000000;
  }
}