:root {
    --bg-color: #f4f8fa;       /* Sehr helles Eisblau/Grau für den Hintergrund */
    --text-color: #1a3652;     /* Tiefes Dunkelblau für hervorragende Lesbarkeit */
    --accent-color: #2b7cb6;   /* Das dominante Mittelblau aus dem Bild */
    --light-beige: #d4e5f0;    /* Helles Pastellblau für dezente Trennlinien und Borders */
    --white: #ffffff;          /* Reines Weiß für Karten und Header */
}

body { 
    font-family: 'Helvetica Neue', Arial, sans-serif; 
    line-height: 1.7; 
    color: var(--text-color); 
    background-color: var(--bg-color); 
}

.container { 
    max-width: 900px; 
    margin: 0 auto; 
    padding: 20px; 
}

header { 
    background: var(--white); 
    padding: 20px; 
    border-bottom: 1px solid var(--light-beige); 
}

.project-title { 
    font-size: 2.2rem; 
    color: var(--text-color); 
}

.project-meta { 
    background: var(--white); 
    padding: 20px; 
    border: 1px solid var(--light-beige); 
}

.meta-label { 
    font-weight: bold; 
    color: var(--accent-color); 
    text-transform: uppercase; 
    font-size: 0.85rem; 
}