/*
Theme Name: Frauen im Trend Child
Theme URI: https://www.frauen-im-trend.de/
Description: Offizielles Child-Theme für frauen-im-trend.de, basierend auf dem redaktionellen Basis-Theme AdSimple Magazine.
Author: AdSimple GmbH
Author URI: https://www.adsimple.at/
Template: adsimple-magazine
Version: 1.0.0
License: Proprietary
Text Domain: frauen-im-trend-child
*/

:root {
  --am-accent: #3f9a12;
  --am-accent-dark: #246808;
  --am-accent-soft: #8fd14a;
  --am-accent-subtle: #e7f6d8;
  --am-text: #1d2418;
  --am-text-soft: #4d5648;
  --am-bg: #f7faf4;
  --am-surface: #ffffff;
  --am-surface-warm: #eef5e6;
  --am-border: #d5e4cc;
  --am-border-strong: #b7cdb0;
  --am-shell: 1280px;
  --am-reading: 760px;
}

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

.site-header {
  border-bottom: 2px solid var(--am-accent);
}

.site-branding__wordmark {
  font-family: var(--am-serif);
  font-weight: 700;
  font-size: clamp(1.4rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  color: var(--am-accent);
  text-decoration: none;
}

.primary-navigation .menu {
  flex-wrap: nowrap;
  gap: clamp(10px, 1.2vw, 22px);
}

.primary-navigation a {
  white-space: nowrap;
  font-weight: 500;
  font-size: 15px;
  color: var(--am-text);
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible {
  color: var(--am-accent);
}

.eyebrow,
.content-card__category {
  color: var(--am-accent);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.home-ressort__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, var(--am-accent), var(--am-accent-soft));
  margin-top: 10px;
  border-radius: 2px;
}

.home-hero__content .cta-button,
.button--primary,
.newsletter-cta__button {
  background-color: var(--am-accent);
  color: #ffffff;
}

.home-hero__content .cta-button:hover,
.button--primary:hover,
.newsletter-cta__button:hover {
  background-color: var(--am-accent-dark);
}

.entry-content a {
  color: var(--am-accent);
  text-decoration-color: var(--am-accent-soft);
}

.entry-content a:hover {
  color: var(--am-accent-dark);
}