:root {
  --editor-theme-transition-duration: 500ms;
  --editor-theme-transition-easing: ease;
  --editor-theme-transition: background var(--editor-theme-transition-duration) var(--editor-theme-transition-easing), background-color var(--editor-theme-transition-duration) var(--editor-theme-transition-easing), border-color var(--editor-theme-transition-duration) var(--editor-theme-transition-easing), color var(--editor-theme-transition-duration) var(--editor-theme-transition-easing);
  --bg: #181a1f;
  --panel: #23262d;
  --panel-2: #2c3038;
  --panel-3: #15171c;
  --text: #f0f2f5;
  --text-muted: #a4acb8;
  --line: #39404c;
  --line-strong: #5e697a;
  --accent: #ffbf1f;
  --accent-soft: rgba(255, 191, 31, 0.18);
  --ok: #2e8b57;
  --danger: #d9534f;
  --danger-soft: rgba(217, 83, 79, 0.18);
  --selection: #4aa3ff;
  --shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  --canvas: #111318;
  --canvas-inner: #fbfbfd;
  --grid-major: rgba(0, 0, 0, 0.12);
  --grid-minor: rgba(0, 0, 0, 0.06);
  --object-fill: rgba(255, 191, 31, 0.12);
  --object-border: #8f7951;
  --progress-fill: #4aa3ff;
  --gauge-needle: #d9534f;
  --toggle-on: #2e8b57;
  --toggle-off: #6d7480;
  --section_background_color: #f4f4f4;
  --asset_collapse_triangle: #c0c0c0;
}

body[data-theme="graphite"] {
  --bg: #181a1f;
  --panel: #23262d;
  --panel-2: #2c3038;
  --panel-3: #15171c;
  --text: #f0f2f5;
  --text-muted: #a4acb8;
  --line: #39404c;
  --line-strong: #5e697a;
  --accent: #ffbf1f;
  --accent-soft: rgba(255, 191, 31, 0.18);
  --ok: #2e8b57;
  --danger: #d9534f;
  --danger-soft: rgba(217, 83, 79, 0.18);
  --selection: #4aa3ff;
  --canvas: #111318;
  --canvas-inner: #fbfbfd;
  --grid-major: rgba(0, 0, 0, 0.12);
  --grid-minor: rgba(0, 0, 0, 0.06);
  --section_background_color: #303030;
}

body[data-theme="dark-blue"] {
  --bg: #0f1520;
  --panel: #162132;
  --panel-2: #1d2a3f;
  --panel-3: #0a111c;
  --text: #f1f5fb;
  --text-muted: #a7b6cf;
  --line: #31445f;
  --line-strong: #496688;
  --accent: #59b4ff;
  --accent-soft: rgba(89, 180, 255, 0.16);
  --ok: #31a36a;
  --danger: #de6a6a;
  --danger-soft: rgba(222, 106, 106, 0.16);
  --selection: #ffd264;
  --canvas: #0b1220;
  --canvas-inner: #f8f9fd;
  --grid-major: rgba(0, 0, 0, 0.13);
  --grid-minor: rgba(0, 0, 0, 0.05);
  --section_background_color: #222d43;
}

body[data-theme="light"] {
  --bg: #e8edf3;
  --panel: #ffffff;
  --panel-2: #f3f6fa;
  --panel-3: #e1e7ef;
  --text: #18202b;
  --text-muted: #5f6c7d;
  --line: #c9d2dd;
  --line-strong: #9eabbb;
  --accent: #005fcb;
  --accent-soft: rgba(0, 95, 203, 0.12);
  --ok: #148a53;
  --danger: #d64545;
  --danger-soft: rgba(214, 69, 69, 0.12);
  --selection: #005fcb;
  --canvas: #cad3df;
  --canvas-inner: #ffffff;
  --grid-major: rgba(0, 0, 0, 0.10);
  --grid-minor: rgba(0, 0, 0, 0.04);
  --asset_collapse_triangle:#0000ff;
}

body[data-theme="pastel"] {
  --bg: #f4eef5;
  --panel: #fffafb;
  --panel-2: #f6edf1;
  --panel-3: #ede2e7;
  --text: #322b38;
  --text-muted: #7d7081;
  --line: #dcced7;
  --line-strong: #c7b2c1;
  --accent: #d678b5;
  --accent-soft: rgba(214, 120, 181, 0.16);
  --ok: #6fa96d;
  --danger: #ce6a7c;
  --danger-soft: rgba(206, 106, 124, 0.12);
  --selection: #8a69ff;
  --canvas: #eee3ec;
  --canvas-inner: #fffdfd;
  --grid-major: rgba(0, 0, 0, 0.09);
  --grid-minor: rgba(0, 0, 0, 0.03);
  --asset_collapse_triangle:#ce6a7c;
}