/* themes.scss - generated: light and dark theme CSS variables */
:root[data-theme=light] {
  --main-color: #002604;
  --grey0: rgb(248,248,248);
  --grey1: rgb(235,235,235);
  --grey2: rgb(222,222,222);
  --grey3: rgb(191,191,191);
  --grey4: rgb(165,165,165);
  --grey5: rgb(127,127,127);
  --grey6: #888;
  --grey-bgc: #f2f2f2;
  --main-green: #002604;
  --bg-color: #002604;
  --maincolor: #002604;
  --h2-header-menu: #002604;
  --h2-color: #4E1B0E;
  --outline-color: #DAC285;
  --h4-color: #025E4E;
  --menu-text: rgb(30,30,30);
  --rules-bgc: #f6f4f2;
  --traitbgc: #d8c483;
  --legacy: #5e0000;
  --legacy-dark: #5e0000;
  --h2-legacy: #002564;
  --h4-legacy: #a86753;
  --rm-bg: #e8d8b1;
  --rm-borders: #b29e74;
  --rm-light: #f5efe0;
  --rm-dark: #EEE3C8;
  --support-text: #1d1d1d;
  --table-color: #1d1d1d;
  --table-border: $grey3;
  --text-light: white;
  --textcolor: rgb(30,30,30);
  --prof-trained: #fdf1f1; /* very soft pink */
  --prof-expert: #fff9e6; /* very light yellow */
  --prof-master: #f0faf0; /* very light green */
  --prof-legendary: #f1f1fe; /* very light blue/purple */
  --table-border: rgb(211, 211, 211);
  /* Glassmorphism Styles */
  --glass-bg: rgba(245, 248, 245, 0.65);
  --glass-header-bg: linear-gradient(275deg, rgba(218, 230, 218, 0.5), rgba(232, 240, 232, 0.3));
  --glass-border: rgba(0, 38, 4, 0.22);
  --glass-shadow: 0 8px 32px 0 rgba(0, 38, 4, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --glass-blur: blur(12px);
  --nested-glass-header-bg: rgba(255, 255, 255, 0.4);
  --tab-bg-gradient: linear-gradient(135deg, rgba(218, 230, 218, 0.25), rgba(248, 248, 248, 0.95));
  --level-header-bg: linear-gradient(275deg, rgba(0, 60, 10, 0.8), rgba(0, 38, 4, 0.9));
  --level-header-not-taken-bg: linear-gradient(45deg, rgba(180, 190, 180, 0.75), rgba(210, 215, 210, 0.55));
  --viewbox-bg: linear-gradient(275deg, rgba(222, 222, 220, 0.5), rgba(250, 250, 250, 0.3));
}

:root[data-theme=dark] {
  --grey0: rgb(45, 45, 45);
  --grey1: rgb(80, 80, 80);
  --grey2: rgb(104, 105, 107);
  --grey3: rgb(110, 111, 112);
  --grey4: rgb(104, 105, 106);
  --grey5: rgb(109, 110, 110);
  --grey6: rgb(93, 93, 94);
  --grey-bgc: rgb(75,75,75);
  --main-green: #002604;
  --bg-color: #002604;
  --main-color: #a1c0a4;
  --h2-header-menu: rgb(225,225,225);
  --h2-color: #d69789;
  --outline-color: #e9dab6;
  --maincolor: #a1c0a4;
  --h4-color: #4da288;
  --menu-text: rgb(225,225,225);
  --rules-bgc: #f6f4f2;
  --traitbgc: #d8c483;
  --legacy: #d29797;
  --legacy-dark: #5e0000;
  --h2-legacy: #6585ba;
  --h4-legacy: #a86753;
  --rm-bg: #e8d8b1;
  --rm-borders: #b29e74;
  --rm-light: #f5efe0;
  --rm-dark: #EEE3C8;
  --support-text: #bababa;
  --table-color: rgb(222,222,222);
  --text-color: color(var(--grey6) l(-10%)); /* fallback, may be overridden */
  --text-light: rgb(217,217,217);
  --textcolor: rgb(233,233,233);
  --table-border: rgb(110, 111, 112);
  --prof-trained: #645353;
  --prof-expert: #5d5a4a;
  --prof-master: #536253;
  --prof-legendary: #53566b;
  /* Glassmorphism Styles */
  --glass-bg: rgba(25, 25, 30, 0.45);
  --glass-header-bg: linear-gradient(275deg, rgba(45, 45, 55, 0.7), rgba(25, 25, 30, 0.75));
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --glass-blur: blur(16px);
  --nested-glass-header-bg: rgba(255, 255, 255, 0.04);
  --tab-bg-gradient: linear-gradient(135deg, rgba(45, 45, 55, 0.4), rgba(62, 64, 65, 0.95));
  --level-header-bg: linear-gradient(275deg, rgba(161, 192, 164, 0.9), rgba(77, 162, 136, 0.65));
  --level-header-not-taken-bg: linear-gradient(275deg, rgba(80, 80, 85, 0.75), rgba(55, 55, 60, 0.55));
  --viewbox-bg: linear-gradient(275deg, rgba(22, 22, 22 , 0.5), rgba(35, 35, 35, 0.3));
}/*# sourceMappingURL=themes.css.map */