/* BESTAND: styles/01-tokens.css
 * Globale kleuren, playerafronding en schaduw; begin hier voor algemene stijlwaarden.
 * Overzicht: HANDLEIDING.md → Vormgeving; laadvolgorde: index.html.
 */
:root {
    --bg: #f7f4ef;
    --surface: #ffffff;
    --surface-soft: #faf8f4;
    --text: #111111;
    --muted: rgba(17, 17, 17, 0.64);
    --faint: rgba(17, 17, 17, 0.42);
    --line: rgba(17, 17, 17, 0.1);
    --radius-xl: 2rem;
    --radius-2xl: 2.4rem;
    /* Projects-speler, variant B. Dit zijn de twee waarden om later te wijzigen. */
    --project-player-radius: 24px;
    --project-player-radius-mobile: 16px;
    --shadow-soft: 0 20px 50px rgba(0, 0, 0, 0.08);
}