:root {
    /* Backgrounds */
    --bg: #061c31;
    --bg-2: #192638;
    /* Surfaces (Cards, Panels) */
    --surface: #1b283a;
    --surface-2: #202e3f;
    /* Borders */
    --border: rgba(255,255,255,.08);
    /* Text */
    --text: rgba(255,255,255,.92);
    /* NEW: Muted je nach Hintergrund */
    --po-text-muted-dark: rgba(255, 255, 255, 0.72);
    --po-text-subtle-dark: rgba(255, 255, 255, 0.60);
    /* Für helle Flächen (Bootstrap default Richtung) */
    --po-text-muted-light: rgba(33, 37, 41, 0.65);
    --po-text-subtle-light: rgba(33, 37, 41, 0.55);
    /* Inputs – Dark Surface: nicht rein weiss, sondern leicht abgedunkelt */
    --po-input-bg-dark: rgba(255, 255, 255, 0.92);
    --po-input-border-dark: rgba(255, 255, 255, 0.18);
    --po-input-placeholder-dark: rgba(15, 23, 42, 0.55); /* dunkles Placeholder-Grau */
    /* Inputs – Light Surface: Standard */
    --po-input-bg-light: #ffffff;
    --po-input-border-light: rgba(15, 23, 42, 0.18);
    --po-input-placeholder-light: rgba(15, 23, 42, 0.45);
    /* Brand / Accent */
    --primary: #2b8cff;
    --primary-2: #13a8de;
    /* State Colors */
    --success: #2bd27d;
    --warning: #f5c542;
    --danger: #ff4d6d;
    /* Radius */
    --radius-lg: 18px;
    --radius-md: 12px;
    /* Shadows */
    --shadow-soft: 0 10px 30px rgba(0,0,0,.35);
    --shadow-card: 0 14px 40px rgba(0,0,0,.45);
    /* Spacing */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    /* Typography */
    --font-sans: system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;
}