:root {
  --brand-primary: #7ab51d;
  --brand-accessible: #3a5c0b;
  --text-on-brand: #111827;
  --bg-akten: #F8FAFC;
  --bg-warm: #F5F5F4;
}

.bg-brand-primary { background-color: var(--brand-primary); }
.text-brand-primary { color: var(--brand-primary); }
.border-brand-primary { border-color: var(--brand-primary); }
.text-brand-accessible { color: var(--brand-accessible); }
.text-on-brand { color: var(--text-on-brand); }
.bg-akten-beige { background-color: var(--bg-akten); }
.bg-warm-beige { background-color: var(--bg-warm); }

.font-serif-classic { font-family: 'Merriweather', serif; }
.font-serif-display { font-family: 'Playfair Display', serif; }
.font-sans-modern { font-family: 'Inter', sans-serif; }
.font-sans-tech { font-family: 'Roboto', sans-serif; }

.active-tab { background-color: var(--brand-primary); color: var(--text-on-brand); font-weight: 700; }
.inactive-tab { background-color: #e2e8f0; color: #475569; }

.hero-overlay { background: linear-gradient(to right, rgba(15, 23, 42, 0.7), rgba(15, 23, 42, 0.35)); }