body {
  font-family: var(--ls-font);
  color: var(--ls-text);
  background: var(--ls-bg);
}

@media (min-width: 1000px) {
  .container { max-width: 950px; }
}

a {
  color: var(--ls-primary);
  text-decoration: none;
  transition: color var(--ls-transition);
}
a:hover { color: var(--ls-primary-dark); }

h1, h2, h3, h4, h5, h6 {
  color: var(--ls-text);
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}


/* Buttons */
.btn-ls {
  display: inline-block;
  background: var(--ls-primary);
  color: #fff;
  padding: 8px 20px;
  border: none;
  border-radius: var(--ls-radius);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--ls-transition);
}
.btn-ls:hover { background: var(--ls-primary-dark); color: #fff; }

.btn-ls-outline {
  display: inline-block;
  background: transparent;
  color: var(--ls-primary);
  padding: 8px 20px;
  border: 1px solid var(--ls-primary);
  border-radius: var(--ls-radius);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--ls-transition);
}
.btn-ls-outline:hover {
  background: var(--ls-primary);
  color: #fff;
}

/* Badges */
.badge-top,
.badge-refresh {
  display: inline-block;
  color: #fff;
  font-size: 0.8rem;
  padding: 3px 8px;
  border-radius: var(--ls-radius);
  font-weight: 600;
  text-transform: uppercase;
}
.badge-top { background: var(--ls-top-badge); }
.badge-refresh { background: var(--ls-success); }

/* Section title bar */
.section-title {
  background: var(--ls-primary);
  color: #fff;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 0.95rem;
}

/* Text truncation */
.text-truncate-2,
.text-truncate-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-truncate-2 { -webkit-line-clamp: 2; }
.text-truncate-3 { -webkit-line-clamp: 3; }

/* Contact icon */
.icon-contact {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.875rem;
}

/* Spacing utilities */
.mt-section { margin-top: 30px; }
.mb-section { margin-bottom: 30px; }