@import url("base.css");

:root {
  --bg: #0a0e17;
  --text: #f0f2f8;
  --text-muted: #8b95a8;
  --accent: #c9a227;
  --accent-2: #e8c547;
  --glow: radial-gradient(circle, rgba(201, 162, 39, 0.35) 0%, transparent 70%);
  --grid-line: rgba(255, 255, 255, 0.04);
  --badge-bg: rgba(201, 162, 39, 0.12);
  --badge-text: #e8c547;
  --badge-border: rgba(201, 162, 39, 0.25);
  --progress-track: rgba(255, 255, 255, 0.08);
  --progress: 72%;
}

.crane { color: #4a5568; }

.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;
}