/* serverswithcrypto.com — navy and white.
   A hosting company has to look like infrastructure you would trust a
   workload to, which here means restraint: a deep navy that reads as
   corporate rather than crypto, white cards with hairline borders, tight
   radii, and a single steel-blue accent doing all the signalling. The
   figures use a monospace face because specs and prices are both read as
   columns of numbers on this site. */
:root {
  --icon-stroke: 1.75;

  --bg: #f6f8fb;
  --bg-alt: #0f1f3d;
  --card-bg: #ffffff;
  --text: #0d1b31;
  --text-muted: #5a6b85;
  --border: #d4dcea;
  --accent: #1d4ed8;
  --accent-text: #ffffff;
  --success: #15803d;

  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-head: var(--font-body);
  --font-num: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --h-weight: 650;
  --h-tracking: -0.02em;
  --body-size: 16px;
  --body-leading: 1.6;
  --radius-sm: 5px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --bullet: "\25B8";
}

/* The navy bar is the brand. White text on it, not the body colour. */
.site-nav {
  background: var(--bg-alt);
  border-bottom: 1px solid #1c3157;
  box-shadow: 0 1px 0 rgba(13, 27, 49, 0.4);
}
.site-nav .brand,
.site-nav .nav-links a,
.site-nav .contact-icon { color: #ffffff; }
.site-nav .nav-links a:hover { color: #93b4fd; background: rgba(255, 255, 255, 0.08); }

/* Specs, resource figures and prices are all tabular here. */
.spec-table td, .spec-table th, .config-readout, .cfg-price { font-variant-numeric: tabular-nums; }

.tier-card, .market-card, .order-summary, .deposit-box, .product-card, .cfg-panel {
  box-shadow: 0 1px 2px rgba(13, 27, 49, 0.06);
}