:root, body, .moovehome-frontpage, .ag-page {
  --photo-dark: #0f1f17;
  --photo-primary: #173124;
  --photo-secondary: #a23f00;
  --photo-accent: #fc7127;
  --photo-bg: #fff8f5;
  --photo-surface: #fff1ea;
  --photo-text-dark: #173124;
  --photo-text-muted: #5c645e;
}

.photo-wrapper {
  font-family: 'Archivo Narrow', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--photo-bg);
  color: var(--photo-text-dark);
}

.photo-heading {
  font-family: 'Playfair Display', Georgia, serif;
}

.photo-mono {
  font-family: 'Space Mono', monospace;
}

.photo-btn-primary {
  display: inline-block;
  background-color: var(--photo-primary);
  color: #ffffff;
  padding: 16px 36px;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
}

.photo-btn-primary:hover {
  background-color: var(--photo-secondary);
  color: #ffffff;
}

.photo-btn-outline {
  display: inline-block;
  border: 1px solid var(--photo-primary);
  color: var(--photo-primary);
  padding: 16px 36px;
  font-weight: 700;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.photo-btn-outline:hover {
  background-color: var(--photo-primary);
  color: #ffffff;
}