/* =====================================================================
   AH-BK · Grundwerte (CSS-Variablen)
   Eine Quelle für Farben, Abstände, Radien, Schatten und Schrift.
   Gilt für die Website (basis.css … intern.css, Liste in includes/head.php) und die freistehende Anmeldung (anmeldung.css).
   ===================================================================== */
:root {
	/* Farben: Marke */
	--primary: #425495;
	--primary-700: #344477;
	--primary-800: #27365f;
	--primary-900: #1c294b;
	--primary-950: #17223f;
	--accent: #ffa359;
	--accent-strong: #f28b2d;
	--accent-text: #b35a10;      /* Orange für Schrift auf hellem Grund (Kontrast 4,8 : 1) */
	--accent-soft: #fff4e8;

	/* Farben: Text und Flächen */
	--ink: #18233d;
	--text: #4b566c;
	--muted: #5f6a80;
	--line: #e2e6ed;
	--line-strong: #d9dfeb;   /* Rahmen auf blauem Grund (Kontakt-Kacheln, Dokumente, Sprechstunden) */
	--soft: #f5f7fa;
	--soft-blue: #eef1f8;
	--white: #fff;

	/* Farben: Zustände */
	--danger: #c83434;
	--danger-soft: #fdeaea;
	--note: #8a4b0f;
	--note-soft: #fff4e8;
	--note-line: #ffd9b8;   /* Rahmen orangefarbener Hinweise */
	--ok: #2f6b47;
	--ok-soft: #e8f1ec;

	/* Verläufe */
	--grad-brand: linear-gradient(135deg, var(--primary-800), var(--primary));
	--grad-header: linear-gradient(110deg, #17223f 0%, #263967 52%, #425495 100%);
	--grad-footer: linear-gradient(125deg, #17223f, #2d4277);

	/* Abstände (4er-Raster) */
	--s-1: 4px;
	--s-2: 8px;
	--s-3: 12px;
	--s-4: 16px;
	--s-5: 24px;
	--s-6: 32px;
	--s-7: 48px;
	--s-8: 64px;
	--s-9: 96px;
	--s-10: 128px;

	/* Radien */
	--r-sm: 8px;
	--r-md: 12px;
	--r-lg: 18px;
	--r-xl: 24px;
	--r-pill: 999px;

	/* Schatten */
	--shadow-sm: 0 8px 22px rgba(26, 39, 73, .08);
	--shadow-md: 0 18px 42px rgba(21, 34, 64, .12);
	--shadow-lg: 0 34px 90px rgba(15, 27, 56, .2);

	/* Schrift */
	--font: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--fs-display: clamp(2.8rem, 4.6vw, 4.6rem);
	--fs-h1: clamp(2.4rem, 4.4vw, 4rem);
	--fs-h2: clamp(1.6rem, 2.2vw, 2.1rem);   /* Überschriften: genau vier Stufen h1–h4 auf allen Inhaltsseiten (Ausnahme: Startseite/Hero) */
	--fs-h3: 1.3rem;
	--fs-h4: 1.08rem;
	--fs-lead: clamp(1.2rem, 1.8vw, 1.5rem);
	--fs-text: 1.0625rem;
	--fs-small: .875rem;
	--fs-kicker: .7rem;
	--lh-text: 1.8;

	/* Breiten */
	--w-text: 760px;
	--w-content: 900px;
	--shell: 1400px;
	--wide: 1480px;
	--header-h: 130px;

	/* Bewegung */
	--ease: cubic-bezier(.2, .7, .2, 1);
	--t-fast: .15s;
	--t: .25s;
}