/* Material roles only. Component geometry lives in family-design-system.css.
   New editions inherit these roles and provide their own palette/artwork. */
/* Spiegelfeuer remains the default and the fallback for unavailable editions. */
html[data-theme], html[data-theme] #mha-familienkarte {
  --ui-paper: #fff8e9;
  --ui-ink: #38291e;
  --ui-muted: #715b43;
  --ui-accent: #81501f;
  --ui-brass: #bc9656;
  --ui-line: #ac895950;
  --ui-surface: #fff8e9e8;
  --ui-control: #fff9eced;
  --ui-hover: #f4e3bf;
  --ui-shadow-tint: #5031130b;
  --ui-canvas: #fff4db57;
  --ui-masthead: #fff3d9d9;
  --ui-control-line: #ad8c5e99;
  --ui-highlight: #ffffffb3;
  --ui-primary: #81501ff5;
  --ui-primary-line: #714419;
  --ui-on-primary: #fff9ec;
  --ui-primary-highlight: #ffdda050;
  --ui-primary-shadow: #59361818;
  --ui-primary-hover: #693e19;
  --ui-selected: #edd5a7;
  --ui-selected-ink: #573615;
  --ui-danger: #963c35;
  --ui-danger-line: #963c3560;
  --ui-danger-surface: #fff3ed;
  --ui-focus: #996522;
  --ui-input: #fffaf1;
  --ui-input-shadow: #55381808;
  --ui-invalid: #a54439;
  --ui-dialog-line: #b59361;
  --ui-dialog: #fff7e9f7;
  --ui-dialog-shadow: #38291e59;
  --ui-popover: #fff7e9fa;
  --ui-toast-line: #c09a60;
  --ui-toast: #49331f;
  --ui-sidebar: #3f2a1bef;
  --ui-sidebar-title: #ffe9bb;
  --ui-sidebar-muted: #d7bd96;
  --ui-sidebar-line: #e8cb9533;
  --ui-sidebar-branch: #daba8050;
  --ui-sidebar-ink: #f8e6c6;
  --ui-sidebar-hover: #fff0cc14;
  --ui-nav-selected: #f5ddad;
  --ui-nav-selected-ink: #4d3218;
  --ui-nav-selected-line: #eaca8e;
  --ui-nav-current: #fff1d2;
  --ui-menu-selected: #ecd3a3;
  --ui-menu-selected-line: #946324;
  --ui-feature-line: #ac7b37a6;
  --ui-feature: #f7e4bcf2;
  --ui-jewel-edge: #bb9556;
  --ui-jewel-light: #765327;
  --ui-jewel-dark: #3d2818;
  --ui-jewel-mid: #725026;
  --ui-jewel-inset: #edcf9540;
  --ui-jewel-rim: #332316;
  --ui-jewel-shadow: #21170c60;
  --ui-jewel-engraving: #f3d49275;
  --ui-jewel-glow: #e9b45c80;
  --ui-jewel-active: #ffe3a3;
  --ui-jewel-ring: #ddb66a66;
  --ui-mobile: #392719f5;
}

/* Waldglas: the greens and paper of the Band 2 source, with its own glass mark. */
html[data-palette='forest-glass'], html[data-palette='forest-glass'] #mha-familienkarte {
  --ui-paper: #f6f2e9;
  --ui-ink: #292f26;
  --ui-muted: #58634f;
  --ui-accent: #3e6244;
  --ui-brass: #8f9875;
  --ui-line: #7b8d7150;
  --ui-surface: #f9f8f0ed;
  --ui-control: #fcfbf4f2;
  --ui-hover: #e3ead8;
  --ui-shadow-tint: #203b2d10;
  --ui-canvas: #edf1e4a6;
  --ui-masthead: #f6f2e9ed;
  --ui-control-line: #83977999;
  --ui-primary: #3e6244;
  --ui-primary-line: #2d4a32;
  --ui-primary-highlight: #e4ecd850;
  --ui-primary-shadow: #203b2d20;
  --ui-primary-hover: #2b4931;
  --ui-selected: #dce6d1;
  --ui-selected-ink: #29472e;
  --ui-focus: #527047;
  --ui-input: #fffdf5;
  --ui-input-shadow: #203b2d0a;
  --ui-dialog-line: #879974;
  --ui-dialog: #f8f7effa;
  --ui-dialog-shadow: #203b2d59;
  --ui-popover: #f8f7effc;
  --ui-toast-line: #a4b48d;
  --ui-toast: #203b2d;
  --ui-sidebar: #203b2df2;
  --ui-sidebar-title: #f1f1d8;
  --ui-sidebar-muted: #c7d3b6;
  --ui-sidebar-line: #d5e2bd33;
  --ui-sidebar-branch: #bdd29f50;
  --ui-sidebar-ink: #f2f4e8;
  --ui-sidebar-hover: #edf5da14;
  --ui-nav-selected: #dce7cc;
  --ui-nav-selected-ink: #203b2d;
  --ui-nav-selected-line: #b4c996;
  --ui-nav-current: #f3f7e7;
  --ui-menu-selected: #dce6d1;
  --ui-menu-selected-line: #55794c;
  --ui-feature-line: #7b9367a6;
  --ui-feature: #e9eddfed;
  --ui-jewel-edge: #9eac7e;
  --ui-jewel-light: #64794d;
  --ui-jewel-dark: #203b2d;
  --ui-jewel-mid: #3e6244;
  --ui-jewel-inset: #d7e6b940;
  --ui-jewel-rim: #182d21;
  --ui-jewel-shadow: #182d2160;
  --ui-jewel-engraving: #e0e9c575;
  --ui-jewel-glow: transparent;
  --ui-jewel-active: #e6f0cd;
  --ui-jewel-ring: #b1c48c66;
  --ui-mobile: #203b2df7;
}

/* Harry Potter: parchment and the dark burgundy ink of the original map. */
html[data-palette='parchment-burgundy'], html[data-palette='parchment-burgundy'] #mha-familienkarte {
  --ui-paper: #f7efdd;
  --ui-ink: #39292a;
  --ui-muted: #746052;
  --ui-accent: #792f36;
  --ui-brass: #af9260;
  --ui-line: #9b765855;
  --ui-surface: #fbf4e4ed;
  --ui-control: #fff8e9f2;
  --ui-hover: #efdfc9;
  --ui-shadow-tint: #51202a10;
  --ui-canvas: #f7ead554;
  --ui-masthead: #f5e9d3ed;
  --ui-control-line: #a58b648c;
  --ui-primary: #792f36;
  --ui-primary-line: #672731;
  --ui-primary-highlight: #f5d9c950;
  --ui-primary-shadow: #51202a20;
  --ui-primary-hover: #5d202c;
  --ui-selected: #ead7c5;
  --ui-selected-ink: #642d34;
  --ui-focus: #863743;
  --ui-input: #fffbef;
  --ui-input-shadow: #51202a0a;
  --ui-dialog-line: #a58a64;
  --ui-dialog: #faf2e3fa;
  --ui-dialog-shadow: #32191f59;
  --ui-popover: #faf2e3fc;
  --ui-toast-line: #bea77b;
  --ui-toast: #512a30;
  --ui-sidebar: #49252df2;
  --ui-sidebar-title: #f7e6c4;
  --ui-sidebar-muted: #d7c0a5;
  --ui-sidebar-line: #ecd4ab33;
  --ui-sidebar-branch: #d8bd9450;
  --ui-sidebar-ink: #f5e8d0;
  --ui-sidebar-hover: #f8e6c414;
  --ui-nav-selected: #ead5af;
  --ui-nav-selected-ink: #572c30;
  --ui-nav-selected-line: #d8b988;
  --ui-nav-current: #fff0d1;
  --ui-menu-selected: #ead7bd;
  --ui-menu-selected-line: #986c58;
  --ui-feature-line: #ab7a68a6;
  --ui-feature: #f0dfc9ed;
  --ui-jewel-light: #775039;
  --ui-jewel-dark: #341b23;
  --ui-jewel-mid: #653438;
  --ui-jewel-rim: #2d1720;
  --ui-jewel-glow: #902a2000;
  --ui-jewel-active: #ffe3b0;
  --ui-jewel-ring: #c4976966;
  --ui-mobile: #422129f7;
}