/* SilverWulf Command — deco-noir teal+gold (Open Design) */
:root{
  --hp-ink:#0b0e13; --hp-ink2:#11151d; --hp-gold:#d4ae5a; --hp-gold-l:#f4de96;
  --hp-teal:#1f6f78; --hp-teal-l:#2fd0e0; --hp-bone:#e8e4dc;
}
body, #page_wrapper{
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(31,111,120,.20), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(212,174,90,.12), transparent 55%),
    linear-gradient(180deg,#0b0e13 0%, #0a0c11 100%) !important;
  color:var(--hp-bone) !important;
}
/* greeting / header */
.font-medium, h1, .text-4xl{ font-family:'Fraunces',Georgia,serif !important; letter-spacing:.5px; }
#greeting, .text-theme-800, .text-theme-900{ color:var(--hp-gold-l) !important;
  text-shadow:0 2px 24px rgba(212,174,90,.25); }
/* group headers */
h2, .text-theme-700{ color:var(--hp-gold) !important; text-transform:uppercase; letter-spacing:2px;
  font-size:.78rem !important; border-bottom:1px solid rgba(212,174,90,.18); padding-bottom:.35rem; }
/* service cards: glass + gold edge */
.service .card, ul li > div, .service-card, [class*="rounded"] .flex{ }
.service .cursor-pointer, .service > div, li[class*="service"] > div{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(212,174,90,.16) !important; border-radius:14px !important;
  backdrop-filter:blur(8px); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.service .cursor-pointer:hover, .service > div:hover, li[class*="service"] > div:hover{
  transform:translateY(-3px); border-color:rgba(212,174,90,.55) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 0 1px rgba(47,208,224,.10) inset;
}
/* service title + desc */
.service-title, .font-medium{ color:var(--hp-bone) !important; }
.service-description, .text-theme-500, .text-xs{ color:#9fb0b3 !important; }
/* status dot */
.status-up, [class*="status"]{ filter:drop-shadow(0 0 6px rgba(47,208,224,.6)); }
/* search + datetime */
input{ background:rgba(255,255,255,.05) !important; border:1px solid rgba(212,174,90,.2) !important; color:var(--hp-bone) !important; }
a:hover{ color:var(--hp-teal-l) !important; }