/* alfaserver palette — matches Gaym devlog (alserv.duckdns.org) */
@import url("https://fonts.bunny.net/css?family=inter:400,500,600,700|inter-tight:600,700,800|jetbrains-mono:400,500,600&display=swap");

:root {
  --alfaserver-bg: #0b0d10;
  --alfaserver-elevated: #13161b;
  --alfaserver-card: #161a20;
  --alfaserver-border: rgba(255,255,255,0.08);
  --alfaserver-border-strong: rgba(255,255,255,0.18);
  --alfaserver-fg: #e9eef5;
  --alfaserver-muted: #9aa3af;
  --alfaserver-dim: #6b7280;
  --alfaserver-accent: #7ad7ff;
}

html,
body,
#__next,
.dark {
  background-color: var(--alfaserver-bg) !important;
  color: var(--alfaserver-fg);
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.font-medium,
[class*="font-bold"] {
  font-family: 'Inter Tight', 'Inter', system-ui, sans-serif !important;
  letter-spacing: -0.02em;
}

code, pre, .font-mono, [class*="font-mono"] {
  font-family: 'JetBrains Mono', Menlo, Consolas, monospace !important;
}

/* Service tile backgrounds — match Gaym card style */
.services-group [class*="rounded"][class*="bg-"],
.services-group .group,
.services-group > div > div {
  background-color: var(--alfaserver-card) !important;
  border: 1px solid var(--alfaserver-border) !important;
  transition: border-color 0.2s, transform 0.2s;
}
.services-group [class*="rounded"][class*="bg-"]:hover,
.services-group .group:hover {
  border-color: var(--alfaserver-border-strong) !important;
}

/* Group headers as eyebrow */
.services-group > h2,
.services-group > div > h2,
h2[class*="services-group"] {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--alfaserver-accent) !important;
  font-weight: 500 !important;
}

/* Accent links + interactive */
a:hover { color: var(--alfaserver-accent); }
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--alfaserver-accent);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Selection */
::selection {
  background-color: rgba(122, 215, 255, 0.25);
  color: var(--alfaserver-fg);
}

/* Scrollbar */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--alfaserver-bg); }
::-webkit-scrollbar-thumb {
  background: #2a2f37;
  border-radius: 6px;
  border: 3px solid var(--alfaserver-bg);
}
::-webkit-scrollbar-thumb:hover { background: #3a4049; }

/* Header / top bar */
#information-widgets,
.information-widgets,
header,
[class*="header"][class*="clean"] {
  border-bottom: 1px solid var(--alfaserver-border);
}

/* Search input */
input[type="text"], input[type="search"] {
  background-color: var(--alfaserver-elevated) !important;
  border: 1px solid var(--alfaserver-border) !important;
  color: var(--alfaserver-fg) !important;
}
input[type="text"]:focus, input[type="search"]:focus {
  border-color: var(--alfaserver-accent) !important;
}

/* Widget resource bars accent */
[class*="bg-theme-300"], [class*="bg-theme-500"] {
  background-color: var(--alfaserver-accent) !important;
}