:root {
    /* RefBase semantic theme contract: ÖVV */
    --theme-accent: #d71920;
    --theme-status-success: #4f8f68;
    --theme-status-warning: #d69b3c;
    --theme-status-danger: #c62832;
    --theme-status-info: #5d8ca3;
    --theme-status-pending: #d69b3c;
    --theme-status-accepted: #4f8f68;
    --theme-status-rejected: #c62832;
    --theme-status-removed: #c94b52;
    --theme-status-released: #6f9f78;
    --theme-status-selectable: #d7c54d;
    --theme-status-replacement: #5d8ca3;
    --theme-status-new-assignment: #8eb596;
    --theme-status-appointment: #7567b3;
    --theme-page-bg-light: #e8e8e6;
    --theme-surface-light: #f4f4f2;
    --theme-surface-muted-light: #ddddda;
    --theme-surface-elevated-light: #fbfbf9;
    --theme-text-light: #242424;
    --theme-text-muted-light: #626262;
    --theme-border-light: #c9c9c5;
    --theme-input-bg-light: #fafaf8;
    --theme-input-border-light: #c9c9c5;
    --theme-action-primary-light: #d71920;
    --theme-action-primary-text-light: #fdfdfb;
    --theme-action-secondary-light: #ddddda;
    --theme-action-secondary-text-light: #242424;
    --theme-action-hover-light: #ead4d5;
    --theme-navbar-bg-light: #f4f4f2;
    --theme-navbar-text-light: #242424;
    --theme-table-head-light: #dededb;
    --theme-table-row-light: #f4f4f2;
    --theme-table-row-alt-light: #e9e9e6;
    --theme-overlay-light: rgba(24, 24, 24, .42);
    --theme-shadow-light: 0 8px 22px rgba(24, 24, 24, .12);
    --theme-focus-ring-light: rgba(215, 25, 32, .32);
    --theme-link-light: #a31319;
    --theme-link-hover-light: #791014;
    --theme-badge-bg-light: #ead4d5;
    --theme-badge-text-light: #551014;
    --theme-disabled-bg-light: #e1e1de;
    --theme-disabled-text-light: #737370;
    --theme-page-bg-dark: #1b1b1b;
    --theme-surface-dark: #242424;
    --theme-surface-muted-dark: #2d2d2d;
    --theme-surface-elevated-dark: #343434;
    --theme-text-dark: #f0f0ee;
    --theme-text-muted-dark: #bdbdb9;
    --theme-border-dark: #4c4c4a;
    --theme-input-bg-dark: #292929;
    --theme-input-border-dark: #555552;
    --theme-action-primary-dark: #e35359;
    --theme-action-primary-text-dark: #1b1b1b;
    --theme-action-secondary-dark: #343434;
    --theme-action-secondary-text-dark: #f0f0ee;
    --theme-action-hover-dark: #3c3031;
    --theme-navbar-bg-dark: #151515;
    --theme-navbar-text-dark: #f5f5f3;
    --theme-table-head-dark: #333333;
    --theme-table-row-dark: #242424;
    --theme-table-row-alt-dark: #2d2d2d;
    --theme-overlay-dark: rgba(0, 0, 0, .58);
    --theme-shadow-dark: 0 8px 22px rgba(0, 0, 0, .30);
    --theme-focus-ring-dark: rgba(227, 83, 89, .46);
    --theme-link-dark: #ff9a9e;
    --theme-link-hover-dark: #ffc1c3;
    --theme-badge-bg-dark: #3c3031;
    --theme-badge-text-dark: #ffd9da;
    --theme-disabled-bg-dark: #343434;
    --theme-disabled-text-dark: #9f9f9b;
    /* =====================================================
       ÖVV / Volleynet-inspiriertes Theme
       ===================================================== */

    /* Marke */
    --VRMS_red: #e1272f;
    --VRMS_red-light: #f3c7ca;
    --VRMS_accent: #d71920;

    /* Systemfarben */
    --VRMS_success: #4f8f68;
    --VRMS_warning: #d69b3c;
    --VRMS_danger: #c62832;

    --VRMS_white: #f4f4f2;
    --VRMS_black: #171717;


    /* =====================================================
       Statusfarben
       ===================================================== */

    --VRMS_appointment: #7567b3;
    --VRMS-appointment: #7567b3;

    --VRMS_create: #8b8f93;
    --VRMS_selectable: #d7c54d;
    --VRMS_released: #6f9f78;
    --VRMS_removed: #c94b52;
    --VRMS_replacement: #5d8ca3;
    --VRMS_newAssignment: #8eb596;
    --VRMS_pending: #d69b3c;
    --VRMS_rejected: #c62832;
    --VRMS_accepted: #4f8f68;


    /* =====================================================
       Light Mode
       ===================================================== */

    /*
     * Kühles Hellgrau statt Weiß.
     * Die Flächen bleiben sachlich und modern.
     */
    --VRMS_background-light: #e8e8e6;
    --VRMS_foreground-light: #242424;

    --VRMS_table-bg-light: #f4f4f2;
    --VRMS_table-striped-light: #ddddda;

    --VRMS_infoText-light: #626262;

    /*
     * Dunkle neutrale Buttons.
     * Rot bleibt für Hauptaktionen und aktive Zustände.
     */
    --VRMS_button-bg-light: #303030;
    --VRMS_button-font-light: #f4f4f2;

    --VRMS_optionbox-bg-light: #ddddda;
    --VRMS_optionbox-selected-light: #d71920;
    --VRMS_optionbox-hover-light: #ead4d5;

    --VRMS-navbar-bg-light: #f4f4f2;
    --VRMS-navbar-text-light: #242424;


    /* =====================================================
       Dark Mode
       ===================================================== */

    /*
     * Volleynet-nahe Anthrazitbasis.
     * Kein reines Schwarz.
     */
    --VRMS_background-dark: #1b1b1b;
    --VRMS_foreground-dark: #f0f0ee;

    --VRMS_table-bg-dark: #242424;
    --VRMS_table-striped-dark: #2d2d2d;

    --VRMS_infoText-dark: #bdbdb9;

    --VRMS_button-bg-dark: #d9d9d6;
    --VRMS_button-font-dark: #1b1b1b;

    --VRMS_optionbox-bg-dark: #292929;
    --VRMS_optionbox-selected-dark: #e1272f;
    --VRMS_optionbox-hover-dark: #353535;

    --VRMS-navbar-bg-dark: #151515;
    --VRMS-navbar-text-dark: #f5f5f3;


    /* =====================================================
       Schatten
       ===================================================== */

    --VRMS_Shadow:
        0 10px 28px rgba(0, 0, 0, 0.18),
        0 2px 7px rgba(0, 0, 0, 0.10);
}
