/* Preview-only palette. No layout or behavior changes. */
body { background-color: #071324; }
#header .logo {
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at 30% 18%, #31506a 0%, #152c42 45%, #081626 85%);
  border: 1px solid #78b5c6;
  box-shadow: inset 0 2px 2px #d3f7ff55, inset 0 -5px 10px #020b17bb, 0 9px 20px #00000055, 0 0 24px #43b8c51a;
}
#header .eh-monogram {
  font-family: Georgia, 'Times New Roman', serif; font-size: 2rem; font-weight: 700;
  line-height: 1; letter-spacing: -.045em; padding-right: .045em;
  color: #daf1f6;
  text-shadow: 0 1px 0 #7aabba, 0 2px 0 #42677f, 0 3px 0 #27475e, 0 5px 5px #020b18cc, 0 -1px 1px #ffffff66;
}
@supports (background-clip: text) {
  #header .eh-monogram {
    background: linear-gradient(150deg, #ffffff 5%, #d3edf3 32%, #91b8c8 49%, #e8fcff 57%, #86acbe 95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 1px 0 #42677f) drop-shadow(0 2px 0 #203e53) drop-shadow(0 4px 3px #020b18bb);
  }
}
#bg { background: #071324; pointer-events: none; }
#bg::before {
  background-image: radial-gradient(ellipse at 0% 65%, rgba(27,150,171,.18), transparent 42%), radial-gradient(ellipse at 100% 20%, rgba(58,107,207,.2), transparent 43%);
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
}
#bg::after {
  background-image: url('fiber-lines.svg');
  background-color: #071324;
  background-size: 100% 100%;
  opacity: 1;
}
#header .content { border-color: rgba(178,216,239,.45); }
#header .logo, #header nav ul, #header nav ul li { border-color: rgba(178,216,239,.45); }
#header > *::before { background-color: rgba(178,216,239,.45); }
#header .home-social a, #header .articles-link a { border-color: rgba(178,216,239,.48); }
#header nav ul li a:hover, #header nav ul li a:focus-visible,
#header .home-social a:hover, #header .home-social a:focus-visible,
#header .articles-link a:hover, #header .articles-link a:focus-visible,
#contact .icons a:hover, #contact .icons a:focus-visible {
  color: #9bf2e5;
  background-color: rgba(65,213,198,.1);
  border-color: #77dcd2;
  box-shadow: 0 0 18px rgba(65,213,198,.1);
}
#main article { background-color: rgba(8,23,41,.98); }
#main article input[type=text], #main article input[type=email], #main article textarea { background-color: rgba(255,255,255,.035); }
#main article input:focus, #main article textarea:focus { border-color: #77dcd2; }
body #ambient-player { background: #0b2033ed; border-color: #547e9466; }
@media(max-width:600px) { #bg::after { opacity: .55; } }