:root {
  --font-body: "Michroma", "Eurostile", "Microgramma", sans-serif;
  --font-display: "Cormorant Garamond", serif;
  --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);

  --node-projects-strong: rgba(72, 182, 255, 0.46);
  --node-projects-soft: rgba(196, 238, 255, 0.22);
  --node-projects-shadow: rgba(67, 143, 204, 0.24);
  --node-services-strong: rgba(81, 235, 191, 0.42);
  --node-services-soft: rgba(207, 255, 235, 0.22);
  --node-services-shadow: rgba(60, 169, 137, 0.22);
  --node-rentals-strong: rgba(255, 193, 74, 0.44);
  --node-rentals-soft: rgba(255, 233, 176, 0.22);
  --node-rentals-shadow: rgba(201, 145, 40, 0.24);
  --node-about-strong: rgba(198, 133, 255, 0.42);
  --node-about-soft: rgba(237, 213, 255, 0.22);
  --node-about-shadow: rgba(145, 92, 196, 0.24);
  --node-contact-strong: rgba(255, 110, 162, 0.42);
  --node-contact-soft: rgba(255, 215, 231, 0.22);
  --node-contact-shadow: rgba(197, 83, 129, 0.24);
  --node-live-strong: rgba(255, 117, 101, 0.4);
  --node-live-soft: rgba(255, 221, 211, 0.2);
  --node-live-shadow: rgba(193, 94, 79, 0.22);
  --node-studio-strong: rgba(125, 117, 255, 0.4);
  --node-studio-soft: rgba(220, 219, 255, 0.2);
  --node-studio-shadow: rgba(91, 83, 194, 0.22);
  --node-camera-strong: rgba(62, 215, 199, 0.42);
  --node-camera-soft: rgba(206, 252, 245, 0.22);
  --node-camera-shadow: rgba(51, 162, 149, 0.24);
  --node-edit-strong: rgba(255, 146, 73, 0.4);
  --node-edit-soft: rgba(255, 223, 196, 0.2);
  --node-edit-shadow: rgba(194, 110, 48, 0.22);
}

body[data-style-kit="xnylo-core"] {
  --font-body: "Michroma", "Eurostile", "Microgramma", sans-serif;
  --font-display: "Cormorant Garamond", serif;
}

body[data-style-kit="xnylo-core"][data-theme="night"] {
  --node-projects-strong: rgba(92, 182, 255, 0.32);
  --node-projects-soft: rgba(167, 215, 255, 0.14);
  --node-projects-shadow: rgba(45, 101, 154, 0.24);
  --node-services-strong: rgba(93, 210, 176, 0.3);
  --node-services-soft: rgba(167, 232, 210, 0.14);
  --node-services-shadow: rgba(43, 110, 88, 0.22);
  --node-rentals-strong: rgba(255, 182, 67, 0.34);
  --node-rentals-soft: rgba(255, 217, 145, 0.14);
  --node-rentals-shadow: rgba(148, 97, 27, 0.24);
  --node-about-strong: rgba(184, 132, 255, 0.3);
  --node-about-soft: rgba(219, 188, 255, 0.14);
  --node-about-shadow: rgba(105, 61, 154, 0.24);
  --node-contact-strong: rgba(255, 120, 180, 0.32);
  --node-contact-soft: rgba(255, 191, 220, 0.14);
  --node-contact-shadow: rgba(151, 51, 91, 0.24);
  --node-live-strong: rgba(255, 127, 111, 0.3);
  --node-live-soft: rgba(255, 196, 185, 0.14);
  --node-live-shadow: rgba(145, 60, 49, 0.22);
  --node-studio-strong: rgba(142, 126, 255, 0.3);
  --node-studio-soft: rgba(201, 194, 255, 0.14);
  --node-studio-shadow: rgba(74, 61, 154, 0.24);
  --node-camera-strong: rgba(73, 214, 198, 0.32);
  --node-camera-soft: rgba(171, 241, 232, 0.14);
  --node-camera-shadow: rgba(36, 112, 101, 0.24);
  --node-edit-strong: rgba(255, 154, 85, 0.3);
  --node-edit-soft: rgba(255, 205, 170, 0.14);
  --node-edit-shadow: rgba(147, 74, 28, 0.22);
}

body[data-style-kit="signal-satin"] {
  --core-frame: rgba(255, 248, 240, 0.5);
  --core-frame-hover: rgba(255, 243, 232, 0.72);
  --core-shadow-soft: rgba(165, 123, 94, 0.16);
  --core-shadow-hover: rgba(152, 105, 74, 0.22);
  --core-label: rgba(68, 48, 39, 0.92);
  --core-icon: rgba(255, 245, 234, 0.94);
  --core-icon-muted: rgba(163, 146, 132, 0.82);
  --core-cool: rgba(120, 154, 194, 0.88);
  --core-warm: rgba(230, 158, 98, 0.94);
  --core-home-surface: rgba(255, 249, 241, 0.14);
  --core-home-shadow: rgba(190, 149, 119, 0.08);
  --core-home-glint: rgba(255, 247, 236, 0.58);
  --core-home-spark: rgba(255, 239, 218, 0.42);
  --core-mute-wave: rgba(255, 242, 228, 0.5);
  --core-mute-slash: rgba(163, 146, 132, 0.82);
  --core-switch-track-night: rgba(138, 124, 148, 0.54);
  --core-switch-track-day: rgba(188, 154, 122, 0.6);
  --core-switch-knob: rgba(255, 246, 235, 0.96);
  --core-switch-icon-night: rgba(245, 231, 220, 0.82);
  --core-switch-icon-day: rgba(222, 191, 152, 0.82);
  --core-switch-shadow: rgba(35, 20, 15, 0.18);
  --bg-spot-1: rgba(255, 247, 229, 0.88);
  --bg-spot-2: rgba(236, 220, 197, 0.38);
  --bg-spot-3: rgba(244, 236, 226, 0.52);
  --overlay-spot-1: rgba(255, 249, 238, 0.48);
  --overlay-spot-2: rgba(232, 214, 190, 0.22);
  --overlay-spot-3: rgba(255, 252, 246, 0.32);
  --line: rgba(104, 91, 79, 0.1);
  --line-active: rgba(104, 91, 79, 0.24);
  --line-dot: rgba(44, 34, 28, 0.78);
  --line-dot-active: rgba(44, 34, 28, 0.94);
  --node-projects-strong: rgba(110, 176, 224, 0.22);
  --node-projects-soft: rgba(214, 236, 247, 0.12);
  --node-projects-shadow: rgba(102, 145, 177, 0.14);
  --node-services-strong: rgba(131, 184, 158, 0.22);
  --node-services-soft: rgba(218, 241, 229, 0.12);
  --node-services-shadow: rgba(101, 148, 129, 0.14);
  --node-rentals-strong: rgba(214, 166, 104, 0.22);
  --node-rentals-soft: rgba(248, 229, 202, 0.12);
  --node-rentals-shadow: rgba(173, 137, 96, 0.14);
  --node-about-strong: rgba(191, 157, 214, 0.2);
  --node-about-soft: rgba(238, 222, 245, 0.12);
  --node-about-shadow: rgba(145, 120, 163, 0.14);
  --node-contact-strong: rgba(230, 148, 157, 0.2);
  --node-contact-soft: rgba(248, 221, 225, 0.12);
  --node-contact-shadow: rgba(172, 118, 126, 0.14);
  --node-live-strong: rgba(223, 135, 120, 0.18);
  --node-live-soft: rgba(250, 225, 218, 0.1);
  --node-live-shadow: rgba(175, 118, 108, 0.12);
  --node-studio-strong: rgba(144, 149, 220, 0.18);
  --node-studio-soft: rgba(224, 226, 248, 0.1);
  --node-studio-shadow: rgba(114, 118, 176, 0.12);
  --node-camera-strong: rgba(117, 186, 174, 0.2);
  --node-camera-soft: rgba(216, 243, 238, 0.11);
  --node-camera-shadow: rgba(100, 151, 143, 0.14);
  --node-edit-strong: rgba(222, 150, 111, 0.18);
  --node-edit-soft: rgba(249, 227, 214, 0.1);
  --node-edit-shadow: rgba(170, 126, 102, 0.12);
}

body[data-style-kit="signal-satin"][data-theme="night"] {
  --core-frame: rgba(255, 228, 205, 0.18);
  --core-frame-hover: rgba(255, 235, 216, 0.3);
  --core-shadow-soft: rgba(10, 6, 7, 0.34);
  --core-shadow-hover: rgba(8, 5, 6, 0.46);
  --core-label: rgba(251, 241, 232, 0.94);
  --core-icon: rgba(255, 238, 224, 0.92);
  --core-icon-muted: rgba(147, 124, 113, 0.8);
  --core-cool: rgba(136, 172, 208, 0.9);
  --core-warm: rgba(235, 163, 98, 0.94);
  --core-home-surface: rgba(255, 239, 225, 0.07);
  --core-home-shadow: rgba(122, 82, 63, 0.14);
  --core-home-glint: rgba(255, 233, 215, 0.26);
  --core-home-spark: rgba(226, 181, 145, 0.18);
  --core-mute-wave: rgba(255, 232, 213, 0.42);
  --core-mute-slash: rgba(147, 124, 113, 0.8);
  --core-switch-track-night: rgba(123, 103, 115, 0.56);
  --core-switch-track-day: rgba(152, 122, 96, 0.58);
  --core-switch-knob: rgba(255, 240, 228, 0.92);
  --core-switch-icon-night: rgba(240, 226, 214, 0.8);
  --core-switch-icon-day: rgba(208, 173, 132, 0.8);
  --core-switch-shadow: rgba(8, 5, 6, 0.24);
  --bg: #111012;
  --bg-accent: #1a1718;
  --panel: rgba(28, 24, 25, 0.56);
  --panel-strong: rgba(25, 21, 22, 0.88);
  --text: #f5efe8;
  --muted: rgba(245, 239, 232, 0.62);
  --panel-title: #fff7ef;
  --surface-top: rgba(255, 246, 236, 0.16);
  --surface-mid: rgba(172, 131, 108, 0.16);
  --surface-low: rgba(92, 67, 58, 0.18);
  --surface-bottom: rgba(22, 18, 20, 0.42);
  --surface-linear-top: rgba(39, 30, 28, 0.84);
  --surface-linear-bottom: rgba(20, 16, 17, 0.72);
  --surface-inset-top: rgba(255, 244, 233, 0.16);
  --surface-inset-bottom: rgba(72, 50, 44, 0.38);
  --surface-shadow: rgba(9, 6, 7, 0.32);
  --utility-border: rgba(223, 192, 167, 0.28);
  --utility-shadow: rgba(8, 5, 6, 0.34);
  --utility-label-glow: rgba(18, 13, 12, 0.34);
  --action-bg: rgba(40, 30, 28, 0.52);
  --glow-core: rgba(255, 239, 225, 0.18);
  --glow-accent: rgba(186, 134, 104, 0.18);
  --sheen-top: rgba(255, 240, 225, 0.14);
  --sheen-accent: rgba(190, 143, 108, 0.16);
  --edge-highlight: rgba(255, 233, 214, 0.16);
  --bg-spot-1: rgba(176, 124, 94, 0.16);
  --bg-spot-2: rgba(129, 89, 71, 0.14);
  --bg-spot-3: rgba(94, 68, 62, 0.1);
  --overlay-spot-1: rgba(236, 196, 165, 0.06);
  --overlay-spot-2: rgba(199, 152, 115, 0.08);
  --overlay-spot-3: rgba(255, 225, 201, 0.05);
  --line: rgba(235, 207, 181, 0.12);
  --line-active: rgba(246, 222, 202, 0.26);
  --line-dot: rgba(249, 231, 214, 0.72);
  --line-dot-active: rgba(255, 241, 228, 0.9);
  --node-projects-strong: rgba(126, 151, 187, 0.18);
  --node-projects-soft: rgba(165, 189, 214, 0.08);
  --node-projects-shadow: rgba(66, 80, 99, 0.16);
  --node-services-strong: rgba(120, 151, 137, 0.18);
  --node-services-soft: rgba(157, 186, 173, 0.08);
  --node-services-shadow: rgba(62, 82, 73, 0.16);
  --node-rentals-strong: rgba(178, 142, 101, 0.2);
  --node-rentals-soft: rgba(211, 178, 141, 0.08);
  --node-rentals-shadow: rgba(95, 72, 47, 0.16);
  --node-about-strong: rgba(158, 129, 181, 0.17);
  --node-about-soft: rgba(186, 160, 209, 0.08);
  --node-about-shadow: rgba(80, 59, 96, 0.16);
  --node-contact-strong: rgba(190, 124, 132, 0.18);
  --node-contact-soft: rgba(220, 162, 171, 0.08);
  --node-contact-shadow: rgba(97, 56, 61, 0.16);
  --node-live-strong: rgba(183, 119, 103, 0.18);
  --node-live-soft: rgba(217, 157, 143, 0.08);
  --node-live-shadow: rgba(95, 55, 47, 0.16);
  --node-studio-strong: rgba(128, 130, 186, 0.18);
  --node-studio-soft: rgba(164, 167, 217, 0.08);
  --node-studio-shadow: rgba(63, 64, 97, 0.16);
  --node-camera-strong: rgba(110, 157, 150, 0.2);
  --node-camera-soft: rgba(150, 195, 188, 0.08);
  --node-camera-shadow: rgba(55, 86, 82, 0.16);
  --node-edit-strong: rgba(183, 132, 103, 0.17);
  --node-edit-soft: rgba(213, 167, 141, 0.08);
  --node-edit-shadow: rgba(95, 63, 47, 0.16);
}