/* palette: tech-cyber */

:root{
  --v7-grad-c1: 60, 80, 100;
  --v7-grad-c2: 50, 230, 150;
  --v7-grad-c3: 30, 40, 60;
  --v7-bg-1: #0a0e1a; --v7-bg-2: #0f1828; --v7-bg-3: #06101f;
  --v7-blob-1: #22d3ee; --v7-blob-2: #34d399; --v7-blob-3: #8b5cf6;
  --v7-curtain-from: #020617; --v7-curtain-mid: #0c4a6e; --v7-curtain-to: #34d399;
  --v7-cursor-glow-1: 60, 230, 200; --v7-cursor-glow-2: 80, 200, 130;
  --v7-cursor-shadow-1: 34, 211, 238; --v7-cursor-shadow-2: 52, 211, 153;
  --v7-progress: linear-gradient(90deg, #22d3ee, #34d399, #8b5cf6);
  --v7-h2-underline: linear-gradient(90deg, #22d3ee, #34d399);
  --v7-marquee-stroke: 34, 211, 238, 0.7;
  --v7-glyph: '◊';
}
body { color: #c5d5e8 !important; }

/* Niche cutout floating decorations */
.niche-float { position: fixed; pointer-events: none; z-index: -1;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.25));
  opacity: 0.6;
}
.niche-float.a { width: 160px; height: 160px; top: 10%; right: 6%;
  animation: nf-a 22s ease-in-out infinite; }
.niche-float.b { width: 220px; height: 220px; bottom: 8%; left: 4%;
  animation: nf-b 26s ease-in-out infinite; }
@keyframes nf-a { 0%,100% { transform: translate(0,0) rotate(0); } 50% { transform: translate(-40px,40px) rotate(12deg); } }
@keyframes nf-b { 0%,100% { transform: translate(0,0) rotate(0); } 50% { transform: translate(30px,-30px) rotate(-10deg); } }
@media (pointer: coarse), (prefers-reduced-motion: reduce) { .niche-float { display: none !important; } }