:root {
  --surface-base: #FFFAF0;
  --surface-panel: rgba(13, 148, 136, 0.06);
  --surface-border: rgba(15, 118, 110, 0.25);
  --text-primary: #101012;
  --text-muted: #2c2e33;
  --accent: #0D9488;
}

body {
  margin: 0;
  color: var(--text-primary);
}

a {
  color: inherit;
}

.sidebar-link {
  text-decoration: none;
  text-underline-offset: 0.22em;
  transition: text-decoration-color 0.2s ease;
}

.sidebar-link:hover,
.sidebar-link:focus-visible {
  text-decoration: underline;
}

img {
  max-width: 100%;
  display: block;
}

.card {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
  will-change: border-color;
}

.shell-panel,
.mobile-points {
  background: var(--surface-panel);
}

.page-footer {
  border-top: 1px solid var(--surface-border);
  padding-top: 2rem;
}

@media (max-width: 1023px) {
  body {
    padding-top: 1.5rem;
  }
}