:root[data-palette="blue-ocean"][data-theme="dark"],
:root[data-palette="blue-ocean"]:not([data-theme]) {
  color-scheme: dark;
  --theme-color: #002137;
  --jet-black: #00111c;
  --charcoal-blue: #001a2c;
  --charcoal: #002537;
  --alabaster-grey: #c4d7e3;
  --platinum: #edf3f8;
  --bg: #002137;
  --panel: #001a2c;
  --panel-strong: #001523;
  --line: rgba(196, 215, 227, 0.14);
  --line-strong: rgba(196, 215, 227, 0.26);
  --text: var(--platinum);
  --muted: #9eb8ca;
  --accent: #ffcc33;
  --accent-soft: rgba(255, 204, 51, 0.16);
  --brand-accent: #ffcc33;
  --warning: #ffcc33;
  --warning-bg: rgba(0, 26, 44, 0.62);
  --shadow: 0 22px 52px rgba(0, 0, 0, 0.34);
  --body-top-glow: rgba(0, 64, 108, 0.16);
  --body-gradient-start: #002945;
  --topbar-bg: rgba(0, 33, 55, 0.92);
  --menu-trigger-bg: rgba(0, 41, 69, 0.34);
  --menu-trigger-open-bg: rgba(0, 58, 97, 0.44);
  --menu-panel-bg: var(--topbar-bg);
  --control-bg: #001523;
  --button-top: rgba(0, 58, 97, 0.94);
  --button-bottom: rgba(0, 41, 69, 0.98);
  --pill-bg: rgba(0, 58, 97, 0.18);
  --card-top: #001523;
  --card-bottom: #001a2c;
  --panel-bar-bg: #002945;
  --panel-bar-text: #edf3f8;
  --panel-bar-hover: #ffcc33;
  --copied-border: rgba(255, 204, 51, 0.22);
  --copied-bg: rgba(0, 41, 69, 0.68);
  --icon-filter: invert(98%) sepia(5%) saturate(297%) hue-rotate(170deg) brightness(101%) contrast(95%);
  --icon-filter-hover: var(--panel-icon-filter-hover);
  --panel-icon-filter: invert(99%) sepia(6%) saturate(318%) hue-rotate(171deg) brightness(100%) contrast(95%);
  --panel-icon-filter-hover: brightness(0) saturate(100%) invert(83%) sepia(62%) saturate(722%) hue-rotate(346deg) brightness(103%) contrast(102%);
  --toggle-icon-filter: brightness(0) saturate(100%) invert(87%) sepia(30%) saturate(1260%) hue-rotate(356deg) brightness(102%) contrast(103%);
  --menu-text-active: #edf3f8;
  --menu-text-muted: #b4cad8;
  --menu-support-text: #edf3f8;
  --menu-support-hover: #ffcc33;
  --menu-signoff-text: #c4d7e3;
  --modal-overlay-bg: rgba(0, 17, 28, 0.54);
  --button-border-color: var(--line-strong);
  --copied-text: var(--alabaster-grey);
  --heart-icon-filter: brightness(0) saturate(100%) invert(87%) sepia(30%) saturate(1260%) hue-rotate(356deg) brightness(102%) contrast(103%);
  --change-bg: rgba(255, 145, 112, 0.14);
  --change-text: #ffc0a6;
  --flag-bg: rgba(255, 204, 51, 0.16);
  --flag-text: #ffda66;
  --reverted-bg: rgba(122, 211, 255, 0.14);
  --reverted-text: #9ddcff;
}