/**
 * Fotofolio 1 — base
 */

body {
  font-family: var(--font-body);
  font-weight: var(--font-weight-body);
  color: var(--color-text);
  background-color: var(--color-background);
  line-height: 1.6;
}

main {
  background-color: var(--color-background);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-dark);
}

.btn-primary,
body .btn-primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
  border-radius: var(--border-radius-sm);
  font-weight: 600;
}

.btn-primary:hover,
body .btn-primary:hover {
  background-color: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}

.btn-outline-primary,
body .btn-outline-primary {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  border-radius: var(--border-radius-sm);
}

.btn-outline-primary:hover,
body .btn-outline-primary:hover {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}

.card,
body .card {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  background: var(--color-background);
}