/* ============================================================
   Theme „Mediathek“ – Look and Feel einer Video-App wie YouTube
   Weiße bzw. fast schwarze Flächen ohne graue Seitenleisten, rote Akzentfarbe, runde Formen, Schrift Inter.
   Eingebunden nach den Library-Styles (samt dark.css) und vor app.css; setzt nur Tokens.
   ============================================================ */

:root {
    --oo-primary: #e3001b;
    --oo-danger: #c62828;

    /* Kopfzeile, Leiste und Inhalt einfarbig wie bei YouTube */
    --oo-color-background: #ffffff;
    --oo-color-surface: #ffffff;

    --oo-font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;

    --oo-radius-sm: 0.375rem;
    --oo-radius-md: 0.5rem;
    --oo-radius-lg: 0.75rem;
    --oo-radius-xl: 1rem;

    /* Höhe der Kopfzeile und der Leiste links */
    --oo-rl-header-height: 3.5rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        --oo-primary: #ff2a3d;
        --oo-color-background: #0f0f0f;
        --oo-color-surface: #0f0f0f;
    }
}