:root {
  color-scheme: light;
  --bg: var(--sky-bg, #8ec3ea);
  --bg-accent: var(--sky-bg-accent, #5e98c8);
  --panel: rgba(255, 255, 255, 0.1);
  --panel-strong: rgba(255, 255, 255, 0.3);
  --line: rgba(88, 96, 109, 0.1);
  --line-active: rgba(88, 96, 109, 0.26);
  --line-dot: rgba(24, 28, 34, 0.74);
  --line-dot-active: rgba(24, 28, 34, 0.92);
  --text: #5a6678;
  --muted: rgba(96, 109, 128, 0.72);
  --ring: rgba(128, 138, 151, 0.16);
  --shadow: 0 24px 56px rgba(130, 144, 165, 0.15);
  --surface-top: rgba(255, 255, 255, 0.98);
  --surface-mid: rgba(255, 255, 255, 0.46);
  --surface-low: rgba(219, 233, 250, 0.18);
  --surface-bottom: rgba(255, 255, 255, 0.08);
  --surface-linear-top: rgba(255, 255, 255, 0.36);
  --surface-linear-bottom: rgba(226, 237, 248, 0.12);
  --surface-inset-top: rgba(255, 255, 255, 0.98);
  --surface-inset-bottom: rgba(203, 219, 238, 0.22);
  --surface-shadow: rgba(132, 150, 174, 0.16);
  --utility-border: rgba(175, 194, 218, 0.34);
  --utility-shadow: rgba(128, 146, 172, 0.16);
  --utility-label-glow: rgba(255, 255, 255, 0.75);
  --panel-title: #353637;
  --action-bg: rgba(255, 255, 255, 0.28);
  --glow-core: rgba(255, 255, 255, 0.99);
  --glow-accent: rgba(205, 235, 255, 0.52);
  --sheen-top: rgba(255, 255, 255, 0.7);
  --sheen-accent: rgba(196, 221, 247, 0.26);
  --edge-highlight: rgba(255, 255, 255, 0.46);
  --glass-border: rgba(255, 255, 255, 0.62);
  --glass-border-strong: rgba(255, 255, 255, 0.9);
  --glass-outline: rgba(196, 220, 246, 0.1);
  --glass-shadow: rgba(132, 150, 174, 0.08);
  --glass-shadow-strong: rgba(123, 145, 172, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.98);
  --glass-highlight-soft: var(--sky-glass-highlight-soft, rgba(255, 255, 255, 0.78));
  --glass-reflection: rgba(240, 249, 255, 0.5);
  --glass-frost: var(--sky-glass-frost, rgba(242, 248, 255, 0.008));
  --marble-core: rgba(255, 255, 255, 0.014);
  --marble-rim: rgba(255, 255, 255, 0.98);
  --marble-shadow: rgba(44, 60, 86, 0.02);
  --marble-specular: rgba(255, 255, 255, 1);
  --marble-specular-soft: rgba(255, 255, 255, 0.78);
  --candy-highlight: rgba(255, 255, 255, 0.98);
  --candy-shadow: rgba(112, 66, 114, 0.16);
  --emboss-text: rgba(255, 255, 255, 0.48);
  --emboss-shadow: rgba(94, 68, 126, 0.46);
  --emboss-highlight: rgba(255, 255, 255, 0.38);
  --emboss-sheen: rgba(255, 255, 255, 0.42);
  --emboss-hover-outline: rgba(255, 255, 255, 0.98);
  --node-label-fill: rgba(255, 255, 255, 0.56);
  --node-label-stroke: rgba(255, 255, 255, 0.36);
  --node-label-shadow-top: rgba(255, 255, 255, 0.18);
  --node-label-shadow-bottom: rgba(0, 0, 0, 0.1);
  --node-label-hover-stroke: rgba(255, 255, 255, 0.98);
  --utility-text: rgba(41, 45, 51, 0.92);
  --utility-text-soft: rgba(58, 64, 73, 0.82);
  --utility-text-shadow: rgba(255, 255, 255, 0.18);
  --panel-kicker: rgba(96, 109, 128, 0.9);
  --panel-body: rgba(90, 102, 120, 0.92);
  --panel-strong-text: rgba(53, 54, 55, 0.98);
  --panel-surface-top: rgba(255, 255, 255, 0.16);
  --panel-surface-bottom: rgba(235, 242, 250, 0.03);
  --panel-border: rgba(255, 255, 255, 0.82);
  --panel-shadow: rgba(128, 146, 172, 0.05);
  --core-frame: rgba(255, 255, 255, 0.52);
  --core-frame-hover: rgba(255, 255, 255, 0.72);
  --core-shadow-soft: rgba(132, 150, 174, 0.16);
  --core-shadow-hover: rgba(122, 142, 168, 0.22);
  --core-label: rgba(41, 45, 51, 0.92);
  --core-icon: rgba(241, 247, 255, 0.94);
  --core-icon-muted: rgba(154, 164, 176, 0.82);
  --core-cool: rgba(113, 156, 208, 0.9);
  --core-warm: rgba(239, 171, 92, 0.94);
  --core-home-surface: rgba(255, 255, 255, 0.18);
  --core-home-shadow: rgba(162, 187, 214, 0.08);
  --core-home-glint: rgba(255, 255, 255, 0.66);
  --core-home-spark: rgba(255, 255, 255, 0.52);
  --core-mute-wave: rgba(241, 247, 255, 0.52);
  --core-mute-slash: rgba(154, 164, 176, 0.82);
  --core-switch-track-night: rgba(122, 133, 149, 0.56);
  --core-switch-track-day: rgba(181, 161, 132, 0.62);
  --core-switch-knob: rgba(255, 251, 244, 0.96);
  --core-switch-icon-night: rgba(236, 241, 247, 0.84);
  --core-switch-icon-day: rgba(225, 201, 164, 0.82);
  --core-switch-shadow: rgba(0, 0, 0, 0.18);
  --bg-spot-1: var(--sky-bg-spot-1, rgba(222, 241, 255, 0.44));
  --bg-spot-2: var(--sky-bg-spot-2, rgba(72, 162, 230, 0.34));
  --bg-spot-3: var(--sky-bg-spot-3, rgba(155, 205, 241, 0.28));
  --overlay-spot-1: var(--sky-overlay-spot-1, rgba(228, 243, 255, 0.14));
  --overlay-spot-2: var(--sky-overlay-spot-2, rgba(91, 171, 231, 0.1));
  --overlay-spot-3: var(--sky-overlay-spot-3, rgba(192, 224, 247, 0.12));
  --bg-overlay-opacity: 0.18;
  --bg-glass-overlay-opacity: 0.05;
  --bg-glass-overlay-blend: normal;
  --cloud-opacity: 0;
  --cloud-blur: 26px;
  --cloud-scale: 1;
  --cloud-drift-x: 0%;
  --cloud-drift-y: 0px;
  --cloud-color-1: rgba(240, 247, 255, 0.22);
  --cloud-color-2: rgba(227, 238, 248, 0.18);
  --cloud-color-3: rgba(211, 226, 240, 0.16);
  --cloud-pan-x: 0%;
  --cloud-pan-y: 0px;
  --cloud-pan-scale: 0;
  --cloud-pan-duration: 90s;
  --upper-haze: rgba(230, 242, 252, 0.16);
  --horizon-haze: rgba(240, 226, 202, 0.16);
  --horizon-glow: rgba(255, 236, 210, 0.14);
  --sun-glow: rgba(255, 247, 229, 0.18);
  --sun-x: 68%;
  --atmosphere-opacity: 0.68;
  --atmosphere-blur: 18px;
}

body[data-theme="night"] {
  color-scheme: dark;
  --bg: #0c1117;
  --bg-accent: #131c26;
  --panel: rgba(14, 23, 34, 0.4);
  --panel-strong: rgba(13, 22, 34, 0.68);
  --line: rgba(169, 191, 219, 0.14);
  --line-active: rgba(194, 218, 242, 0.3);
  --line-dot: rgba(200, 221, 243, 0.72);
  --line-dot-active: rgba(226, 240, 255, 0.94);
  --text: #edf2f8;
  --muted: rgba(237, 242, 248, 0.64);
  --ring: rgba(154, 182, 215, 0.18);
  --shadow: 0 28px 64px rgba(2, 8, 16, 0.44);
  --surface-top: rgba(242, 248, 255, 0.24);
  --surface-mid: rgba(142, 185, 232, 0.16);
  --surface-low: rgba(78, 126, 178, 0.1);
  --surface-bottom: rgba(11, 18, 28, 0.18);
  --surface-linear-top: rgba(32, 45, 60, 0.62);
  --surface-linear-bottom: rgba(10, 17, 27, 0.34);
  --surface-inset-top: rgba(255, 255, 255, 0.22);
  --surface-inset-bottom: rgba(44, 68, 95, 0.28);
  --surface-shadow: rgba(3, 10, 18, 0.34);
  --utility-border: rgba(188, 214, 244, 0.32);
  --utility-shadow: rgba(3, 9, 17, 0.36);
  --utility-label-glow: rgba(10, 14, 20, 0.24);
  --panel-title: #f5f8fc;
  --action-bg: rgba(18, 30, 44, 0.36);
  --glow-core: rgba(236, 245, 255, 0.34);
  --glow-accent: rgba(112, 177, 235, 0.34);
  --sheen-top: rgba(241, 247, 255, 0.24);
  --sheen-accent: rgba(129, 176, 225, 0.18);
  --edge-highlight: rgba(229, 241, 255, 0.28);
  --glass-border: rgba(213, 232, 255, 0.22);
  --glass-border-strong: rgba(233, 243, 255, 0.34);
  --glass-outline: rgba(111, 156, 205, 0.18);
  --glass-shadow: rgba(2, 8, 16, 0.44);
  --glass-shadow-strong: rgba(2, 9, 18, 0.52);
  --glass-highlight: rgba(244, 249, 255, 0.22);
  --glass-highlight-soft: rgba(208, 230, 255, 0.14);
  --glass-reflection: rgba(120, 171, 225, 0.18);
  --glass-frost: rgba(182, 215, 247, 0.04);
  --marble-core: rgba(205, 225, 248, 0.12);
  --marble-rim: rgba(239, 246, 255, 0.34);
  --marble-shadow: rgba(3, 11, 22, 0.42);
  --marble-specular: rgba(246, 250, 255, 0.34);
  --marble-specular-soft: rgba(207, 228, 255, 0.16);
  --candy-highlight: rgba(242, 248, 255, 0.22);
  --candy-shadow: rgba(2, 8, 18, 0.3);
  --emboss-text: rgba(245, 249, 255, 0.3);
  --emboss-shadow: rgba(6, 14, 26, 0.48);
  --emboss-highlight: rgba(255, 255, 255, 0.08);
  --emboss-sheen: rgba(220, 236, 255, 0.12);
  --emboss-hover-outline: rgba(246, 250, 255, 0.4);
  --node-label-fill: rgba(245, 249, 255, 0.42);
  --node-label-stroke: rgba(246, 250, 255, 0.18);
  --node-label-shadow-top: rgba(255, 255, 255, 0.08);
  --node-label-shadow-bottom: rgba(0, 0, 0, 0.24);
  --node-label-hover-stroke: rgba(246, 250, 255, 0.48);
  --utility-text: rgba(241, 246, 252, 0.94);
  --utility-text-soft: rgba(226, 235, 246, 0.82);
  --utility-text-shadow: rgba(10, 14, 20, 0.24);
  --panel-kicker: rgba(219, 229, 241, 0.8);
  --panel-body: rgba(231, 238, 247, 0.9);
  --panel-strong-text: rgba(245, 248, 252, 0.98);
  --panel-surface-top: rgba(240, 247, 255, 0.16);
  --panel-surface-bottom: rgba(20, 31, 44, 0.18);
  --panel-border: rgba(229, 240, 255, 0.3);
  --panel-shadow: rgba(2, 10, 19, 0.48);
  --core-frame: rgba(210, 228, 247, 0.2);
  --core-frame-hover: rgba(226, 238, 253, 0.34);
  --core-shadow-soft: rgba(2, 8, 16, 0.34);
  --core-shadow-hover: rgba(2, 10, 18, 0.48);
  --core-label: rgba(241, 246, 252, 0.94);
  --core-icon: rgba(231, 240, 250, 0.94);
  --core-icon-muted: rgba(122, 134, 150, 0.84);
  --core-cool: rgba(126, 182, 241, 0.92);
  --core-warm: rgba(244, 177, 86, 0.96);
  --core-home-surface: rgba(235, 243, 252, 0.08);
  --core-home-shadow: rgba(125, 158, 196, 0.14);
  --core-home-glint: rgba(243, 248, 255, 0.34);
  --core-home-spark: rgba(198, 220, 247, 0.26);
  --core-mute-wave: rgba(231, 240, 250, 0.46);
  --core-mute-slash: rgba(122, 134, 150, 0.84);
  --core-switch-track-night: rgba(97, 111, 129, 0.62);
  --core-switch-track-day: rgba(140, 122, 99, 0.62);
  --core-switch-knob: rgba(244, 247, 251, 0.94);
  --core-switch-icon-night: rgba(228, 235, 243, 0.82);
  --core-switch-icon-day: rgba(198, 173, 136, 0.8);
  --core-switch-shadow: rgba(2, 8, 16, 0.26);
  --bg-spot-1: rgba(103, 138, 176, 0.22);
  --bg-spot-2: rgba(61, 100, 139, 0.22);
  --bg-spot-3: rgba(99, 136, 178, 0.14);
  --overlay-spot-1: rgba(190, 222, 255, 0.12);
  --overlay-spot-2: rgba(124, 171, 221, 0.12);
  --overlay-spot-3: rgba(216, 233, 252, 0.08);
  --bg-overlay-opacity: 0.72;
  --bg-glass-overlay-opacity: 0.28;
  --bg-glass-overlay-blend: screen;
  --cloud-opacity: 0;
  --upper-haze: rgba(118, 153, 190, 0.08);
  --horizon-haze: rgba(63, 90, 122, 0.06);
  --horizon-glow: rgba(96, 132, 171, 0.05);
  --sun-glow: rgba(157, 198, 236, 0.04);
  --sun-x: 62%;
  --atmosphere-opacity: 0.4;
  --atmosphere-blur: 14px;
}