:root {
  --accent: #7e828a;
  --accent-hover: #f2f2f2;
}

body {
  background-color: var(--bg);
}

.nav__cta {
  border-color: rgba(126, 130, 138, 0.34);
  background: rgba(126, 130, 138, 0.12);
  color: #f2f2f2;
}

.nav__cta:hover {
  border-color: rgba(242, 242, 242, 0.58);
  background: rgba(126, 130, 138, 0.24);
}

.nav__lang-btn.is-active {
  color: #f2f2f2;
}

.dashboard-main {
  padding-top: calc(var(--nav-height) + 26px);
  padding-bottom: 58px;
}

.dashboard-hero {
  margin-bottom: 20px;
}

.dashboard-hero h1 {
  margin-top: 6px;
  margin-bottom: 10px;
}

.dashboard-hero p {
  max-width: 72ch;
}

.dashboard-card {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(26, 26, 34, 0.92), rgba(20, 20, 26, 0.92));
  border-radius: 16px;
  padding: 20px;
}

.text-gold {
  color: #f2f2f2;
}

.center-hero {
  margin-bottom: 20px;
}

.center-hero__head h1 {
  font-size: var(--h1-size);
  line-height: 1.05;
  margin-top: 6px;
  margin-bottom: 10px;
}

.center-hero__head h2 {
  font-size: var(--h2-size);
  line-height: 1.1;
}

.center-hero__head h3,
.planner-card h3,
.ig-card h3 {
  font-size: var(--h3-size);
  line-height: 1.2;
}

.center-hero__head p {
  max-width: 72ch;
}

.center-statusbar {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.center-statusitem {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(24, 24, 30, 0.78), rgba(20, 20, 26, 0.78));
  border-radius: 12px;
  padding: 10px 12px;
}

.center-statusitem__k {
  display: block;
  font-size: 0.72rem;
  color: var(--text-dim);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.center-statusitem__v {
  margin-top: 4px;
  display: block;
  font-size: 0.9rem;
  color: var(--text);
}

@media (max-width: 860px) {
  .center-statusbar {
    grid-template-columns: 1fr;
  }
}