/* Gemeinsame Typografie & Kontraste für alle arzalpha.com-Seiten.
   Wird NACH dem jeweiligen Inline-<style> geladen und überschreibt es bewusst. */
:root { --ink-l: #5a5148; --gold-text: #7a6238; --sans: 'Mulish', system-ui, sans-serif; }

body { font-family: var(--sans); font-weight: 400; }

/* Headlines: Cormorant, kräftig aber schlank (500) */
h1, h3, .about-mission, .vertical-tagline, .philosophy, .value-name, .credo,
.founder-name h2, .contact-inner h2 { font-family: 'Cormorant Garamond', Georgia, serif; }
h1 { font-weight: 500; letter-spacing: -.01em; line-height: 1.08; }
h3, .founder-name h2, .contact-inner h2, .value-name { font-weight: 500; }
h1 em, .about-mission em, .founder-name h2 em, .contact-inner h2 em, .value-name em { font-weight: 500; color: var(--gold-text); }
.about-mission, .vertical-tagline, .credo { font-weight: 400; }
.philosophy { font-weight: 400; font-size: 18px; }

/* Fließtext: Mulish 400, etwas kompakter */
.hero-sub, .founder-bio { font-size: 16px; font-weight: 400; line-height: 1.7; }
.pillar-desc, .value-text, .contact-sub { font-size: 15px; font-weight: 400; line-height: 1.65; }
.project-desc, .vertical-list li { font-size: 14.5px; font-weight: 400; line-height: 1.65; }
.value-text em { font-style: normal; font-weight: 600; }

/* Labels, Buttons, Navigation */
.nav-link, .btn-outline, .btn-solid, .eyebrow span, .section-label span, .pillar-title,
.vertical-title, .founder-title, .project-tag, .status-pill, .project-num, .value-num,
.credo-attr, .back-link, .subtitle { font-family: var(--sans); }
.nav-link, .btn-outline, .btn-solid { font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.eyebrow span, .section-label span, .pillar-title, .vertical-title, .founder-title,
.project-tag { font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.btn-solid { padding: 16px 34px; }
.status-pill { font-size: 11px; }
.status-pill.active { color: #6f5a36; }
.project-link-row { color: #6f5a36; font-family: var(--sans); font-weight: 600; }
.project-arrow { color: var(--gold-text); }
.nav-link:hover, .btn-outline:hover, .project[href]:hover h3, a.footer-note:hover,
.footer-links a:hover { color: var(--gold-text) !important; }

/* Footer: dezent goldbeige hinterlegt */
footer { background: rgba(184,160,112,.16); border-top-color: rgba(184,160,112,.35); }
.footer-copy, .footer-note, .footer-links a, .footer { font-family: var(--sans); font-weight: 500; letter-spacing: .1em; color: #4a4238; }

/* Rechtstexte (Impressum, Datenschutz) */
.card p, .card li, .card ul { font-family: var(--sans); font-size: 15px; font-weight: 400; line-height: 1.7; }
.card h1 { font-size: 30px; }
.card h2 { font-family: var(--sans); font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.back-link { font-size: 12px; font-weight: 500; }

/* Portfolio-Passwortmaske */
.pw-label, .pw-input, .pw-error { font-family: var(--sans); font-weight: 400; }

/* Cookie-Banner (Inline-Styles) */
#cookie-banner, #cookie-banner p, #cookie-banner button { font-family: var(--sans) !important; }
#cookie-banner p { font-weight: 400 !important; font-size: 14px !important; }

/* Kontrast-Korrekturen (Gold nur noch als dunkler Ton für Text) */
.card h2, .value-num, .project-num { color: var(--gold-text); }
.ai-image-note { font-size: 11px; }