/* ============================================================
   BASE: Variablen & Grundfarben
   ============================================================ */

:root {
    --color-primary: #4BA3E3; 		/* blau 1 */
    --color-primary-dark: #0F2B46;	/* blau 2 */
    --color-accent: #F2C94C;   		/* vereinsgelb */
	--color-hellblau: #D6E7FF;		/* hellblau */

    --color-bg: #F7F9FB;
    --color-card: #FFFFFF;
    --color-text: #1E1E1E;
    --color-muted: #8A8A8A;

    --radius-card: 12px;
    --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* ============================================================
   BASE: Reset & Grundlayout
   ============================================================ */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--color-bg);
    color: var(--color-text);
}

a {
    color: inherit;
    text-decoration: none;
}

.card-body {
    font-size: 14px;
    line-height: 1.6;
}