/* MagicNode hosting provider skin. Presentation only; no billing behavior. */
@font-face {
  font-family: Manrope;
  src: url('/fonts/manrope-latin-variable.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --gn-bg: #f5f7fb; --gn-surface: #fff; --gn-raised: #edf1f7;
  --gn-border: #d8e0eb; --gn-text: #141b2b; --gn-muted: #566176;
  --gn-accent: #245fd1; --gn-on-accent: #fff;
}
.dark {
  --gn-bg: #0b1018; --gn-surface: #111925; --gn-raised: #151f2e;
  --gn-border: #273448; --gn-text: #e6edf7; --gn-muted: #a4b2c5;
  --gn-accent: #6f95f4; --gn-on-accent: #09101b;
  color-scheme: dark;
}
html, body, button, input, select, textarea {
  font-family: Manrope, 'Segoe UI', sans-serif;
}
body { background: var(--gn-bg); color: var(--gn-text); }
h1,h2,h3,h4 { font-family: inherit; font-weight: 600; letter-spacing: -.025em; }
nav a .font-bold.leading-none, nav a span.text-xl { font-weight: 650; letter-spacing: -.02em; }
.rounded-lg,.rounded-xl,.rounded-2xl { border-radius: 8px; }
.bg-primary { background-color: var(--gn-accent); color: var(--gn-on-accent); }
.bg-background { background-color: var(--gn-bg); }
.bg-secondary { background-color: var(--gn-raised); }
button, .btn, [type=submit] { font-weight: 600; }
button, input, select, textarea { border-color: var(--gn-border); }
:focus-visible { outline: 2px solid var(--gn-accent); outline-offset: 3px; }
::selection { background: var(--gn-accent); color: var(--gn-on-accent); }
@media (prefers-reduced-motion: no-preference) {
  button,.btn,a { transition: background-color 180ms ease, color 180ms ease; }
}