@import url("base.css");

:root {
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --bg: #0f1419;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --accent: #3b82f6;
  --accent-2: #60a5fa;
  --glow: radial-gradient(circle, rgba(59, 130, 246, 0.35) 0%, transparent 70%);
  --grid-line: rgba(255, 255, 255, 0.04);
  --badge-bg: rgba(59, 130, 246, 0.12);
  --badge-text: #93c5fd;
  --badge-border: rgba(59, 130, 246, 0.25);
  --progress-track: rgba(255, 255, 255, 0.08);
  --progress: 75%;
}

.brand-mark {
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.35em;
  color: var(--accent);
  margin-bottom: 0.5rem;
  animation: fade-up 0.8s 0.05s var(--ease-out) both;
}

.domain {
  margin-top: 0.25rem;
  font-size: 0.7rem;
  opacity: 0.6;
}