/*!
 * MCNVITA Magazin – gemeinsame Basis (Schrift, Designwerte) · Version 1.2.1
 * Wird von Magazinübersicht (magazin.css) und Artikelansicht (artikel.css) genutzt.
 * Alle zentralen Farben, Schriften und Abstände hier anpassen.
 */

/* ---------- Lokale Schrift (SIL Open Font License, siehe assets/fonts/OFL.txt) ---------- */

@font-face {
	font-family: "MCNVITA Cormorant";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "MCNVITA Cormorant";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "MCNVITA Cormorant";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "MCNVITA Cormorant";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-ext-500-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* Farben */
	--mcnvita-mag-bg: #f8f6ef;            /* warmes Off-White / Creme */
	--mcnvita-mag-panel: #f0ede4;         /* Kartenfläche, minimal dunkler als der Hintergrund */
	--mcnvita-mag-text: #2b2925;          /* dunkles Anthrazit-Braun statt Schwarz */
	--mcnvita-mag-text-soft: #4f4c45;     /* Auszüge */
	--mcnvita-mag-muted: #7a756b;         /* Metadaten */
	--mcnvita-mag-heading: #2f4a3a;       /* Überschriften (tiefes MCNVITA-Grün) */
	--mcnvita-mag-green: #2f5d46;         /* MCNVITA-Grün */
	--mcnvita-mag-green-dark: #1f3f2f;    /* Hover */
	--mcnvita-mag-accent: #b49a6a;        /* warmes Gold/Beige */
	--mcnvita-mag-line: #e2dccf;          /* dezente Linien */
	--mcnvita-mag-focus: #2f5d46;         /* Focus-Ring */
	--mcnvita-mag-paper: #fffdf8;         /* Artikelfläche */
	--mcnvita-mag-band: #ece8de;          /* Fläche unter dem Artikel-Hero */

	/* Schriften (lokal, keine CDN-Abhängigkeit) */
	--mcnvita-mag-font-heading: "MCNVITA Cormorant", "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--mcnvita-mag-font-body: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	/* Layout */
	--mcnvita-mag-max: 1200px;
	--mcnvita-mag-gutter: clamp(16px, 4vw, 40px);
	--mcnvita-mag-gap: clamp(28px, 3vw, 44px);
	--mcnvita-mag-inset: clamp(10px, 1.2vw, 16px);   /* Bildabstand innerhalb der Karte */
	--mcnvita-mag-space-m: 28px;
	--mcnvita-mag-space-l: clamp(48px, 7vw, 96px);
	--mcnvita-mag-radius: 2px;
	--mcnvita-mag-scroll-offset: 110px;   /* Höhe eines fixierten Headers */
	--mcnvita-mag-ease: cubic-bezier(.2, .7, .2, 1);

	/* Artikelansicht */
	--mcnvita-art-max: 1560px;            /* gesamte Contentbreite Artikel */
	--mcnvita-art-side: 40px;             /* Außenabstand links/rechts (Container = 100 % − 2 × side) */
	--mcnvita-art-aside: 360px;           /* Breite der Seitenspalte */
	--mcnvita-art-gap: 56px;              /* Abstand Inhalt ↔ Seitenspalte */
	--mcnvita-art-measure: 950px;         /* maximale Breite des Lesetexts */
	--mcnvita-art-overlap: clamp(48px, 9vw, 140px);   /* Überlappung Artikel/Hero */
}