:root[data-palette="modaly"][data-theme="dark"],
:root[data-palette="modaly"]:not([data-theme]) {
  color-scheme: dark;
  --jet-black: #24292dff;
  --charcoal-blue: #3b434aff;
  --charcoal: #4d545bff;
  --alabaster-grey: #d2d7dcff;
  --platinum: #edf3f8;
  --theme-color: #2f353a;
  --bg: #3b434a;
  --panel: var(--charcoal-blue);
  --panel-strong: #2e353b;
  --line: rgba(210, 215, 220, 0.16);
  --line-strong: rgba(210, 215, 220, 0.28);
  --text: var(--platinum);
  --muted: var(--alabaster-grey);
  --accent: var(--alabaster-grey);
  --accent-soft: rgba(210, 215, 220, 0.12);
  --brand-accent: #0099cc;
  --warning: #ffd166;
  --warning-bg: rgba(77, 84, 91, 0.42);
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
  --body-top-glow: rgba(237, 243, 248, 0.08);
  --body-gradient-start: #3b434a;
  --topbar-bg: #2f353a;
  --menu-trigger-bg: rgba(59, 67, 74, 0.36);
  --menu-trigger-open-bg: rgba(77, 84, 91, 0.45);
  --menu-panel-bg: var(--topbar-bg);
  --control-bg: #4d545b;
  --button-top: rgba(77, 84, 91, 0.92);
  --button-bottom: rgba(59, 67, 74, 0.96);
  --pill-bg: rgba(59, 67, 74, 0.24);
  --card-top: #4d545b;
  --card-bottom: #4d545b;
  --panel-bar-bg: #4d545b;
  --panel-bar-text: var(--platinum);
  --panel-bar-hover: #d2d7dc;
  --copied-border: rgba(237, 243, 248, 0.26);
  --copied-bg: rgba(77, 84, 91, 0.62);
  --icon-filter: invert(1) brightness(1.8);
  --icon-filter-hover: var(--panel-icon-filter-hover);
  --panel-icon-filter: invert(100%) sepia(11%) saturate(147%) hue-rotate(173deg) brightness(111%) contrast(96%);
  --panel-icon-filter-hover: brightness(0) saturate(100%) invert(89%) sepia(9%) saturate(155%) hue-rotate(175deg) brightness(93%) contrast(92%);
  --toggle-icon-filter: invert(100%) sepia(11%) saturate(147%) hue-rotate(173deg) brightness(111%) contrast(96%);
  --menu-text-active: var(--platinum);
  --menu-text-muted: #d2d7dc;
  --menu-support-text: var(--platinum);
  --menu-support-hover: #d2d7dc;
  --menu-signoff-text: #d2d7dc;
  --modal-overlay-bg: rgba(36, 41, 45, 0.42);
  --button-border-color: var(--line-strong);
  --copied-text: var(--alabaster-grey);
  --heart-icon-filter: brightness(0) saturate(100%) invert(29%) sepia(97%) saturate(3575%) hue-rotate(340deg) brightness(104%) contrast(108%);
  --change-bg: rgba(255, 138, 122, 0.14);
  --change-text: #ffb0a3;
  --flag-bg: rgba(255, 196, 112, 0.16);
  --flag-text: #ffd08a;
  --reverted-bg: rgba(122, 211, 255, 0.14);
  --reverted-text: #a9e5ff;
}

:root[data-palette="modaly"][data-theme="light"] {
  color-scheme: light;
  --theme-color: #e2eef7;
  --bg: #edf6fb;
  --panel: #f8fbfe;
  --panel-strong: #edf4f9;
  --line: rgba(0, 41, 69, 0.14);
  --line-strong: rgba(0, 41, 69, 0.24);
  --text: #002137;
  --muted: #5b7a90;
  --accent: #0099cc;
  --accent-soft: rgba(0, 153, 204, 0.12);
  --brand-accent: #0099cc;
  --warning: #0099cc;
  --warning-bg: rgba(0, 153, 204, 0.12);
  --shadow: 0 18px 40px rgba(0, 33, 55, 0.08);
  --body-top-glow: rgba(0, 64, 108, 0.08);
  --body-gradient-start: #dfeef8;
  --topbar-bg: rgba(237, 246, 251, 0.94);
  --menu-trigger-bg: rgba(0, 41, 69, 0.07);
  --menu-trigger-open-bg: rgba(0, 58, 97, 0.14);
  --menu-panel-bg: var(--topbar-bg);
  --control-bg: #ffffff;
  --button-top: #d9eaf5;
  --button-bottom: #cfe2f0;
  --pill-bg: rgba(0, 58, 97, 0.08);
  --card-top: #f8fbfe;
  --card-bottom: #edf4f9;
  --panel-bar-bg: #deebf4;
  --panel-bar-text: #003a61;
  --panel-bar-hover: #0099cc;
  --copied-border: rgba(0, 58, 97, 0.16);
  --copied-bg: rgba(222, 235, 244, 0.94);
  --icon-filter: brightness(0) saturate(100%) invert(15%) sepia(56%) saturate(1075%) hue-rotate(170deg) brightness(94%) contrast(101%);
  --icon-filter-hover: var(--panel-icon-filter-hover);
  --panel-icon-filter: brightness(0) saturate(100%) invert(15%) sepia(56%) saturate(1075%) hue-rotate(170deg) brightness(94%) contrast(101%);
  --panel-icon-filter-hover: brightness(0) saturate(100%) invert(43%) sepia(98%) saturate(1678%) hue-rotate(164deg) brightness(94%) contrast(101%);
  --toggle-icon-filter: brightness(0) saturate(100%) invert(15%) sepia(56%) saturate(1075%) hue-rotate(170deg) brightness(94%) contrast(101%);
  --menu-text-active: #002137;
  --menu-text-muted: #5b7a90;
  --menu-support-text: #002137;
  --menu-support-hover: #0099cc;
  --menu-signoff-text: #003a61;
  --modal-overlay-bg: rgba(36, 41, 45, 0.42);
  --button-border-color: rgba(0, 58, 97, 0.22);
  --copied-text: var(--muted);
  --heart-icon-filter: brightness(0) saturate(100%) invert(43%) sepia(98%) saturate(1678%) hue-rotate(164deg) brightness(94%) contrast(101%);
  --change-bg: rgba(0, 153, 204, 0.14);
  --change-text: #007aa3;
  --flag-bg: rgba(0, 58, 97, 0.12);
  --flag-text: #003a61;
  --reverted-bg: rgba(0, 153, 204, 0.16);
  --reverted-text: #007aa3;
}