:root {
    --background-image: url('/api/panorama');
    --background-overlay-color: rgba(100, 0, 100, 0.5);
    --text-color: #fff;
    --container-background-color: rgba(255, 192, 203, 0.8);
    --border-color: #ffc0cb;
    --header-text-color: #000;
    --monitor-output-background-color: #fde;
    --monitor-output-text-color: #000;
    --monitor-output-border-color: #ffc0cb;
    --splash-text-color: #000;

    /* Buttons */
    --button-background-color: #ffc0cb;
    --button-border-color: #ffc0cb;
    --button-text-color: #000;
    --button-hover-background-color: #ffb3c1;
    --button-hover-border-color: #ffc0cb;
    --button-hover-text-color: #000;
    --button-active-background-color: #ffa6b1;
    --button-active-border-color: #ffc0cb;

    --primary-button-background-color: #ffc0cb;
    --primary-button-border-color: #ffc0cb;
    --primary-button-text-color: #000;
    --primary-button-hover-background-color: #ffb3c1;
    --primary-button-hover-border-color: #ffc0cb;
    --primary-button-active-background-color: #ffa6b1;
    --primary-button-active-border-color: #ffc0cb;

    --danger-button-background-color: #ff0000;
    --danger-button-border-color: #ff0000;
    --danger-button-text-color: #fff;
    --danger-button-hover-background-color: #ff3333;
    --danger-button-hover-border-color: #ff0000;
    --danger-button-active-background-color: #ff6666;
    --danger-button-active-border-color: #ff0000;

    /* Forms */
    --form-input-background-color: #fde;
    --form-input-border-color: #ffc0cb;
    --form-input-text-color: #000;
    --form-input-focus-border-color: #ffb3c1;
    --form-label-text-color: #000;
    --validation-error-text-color: #f00;
    --form-input-invalid-border-color: #f00;
    --form-input-invalid-background-color: #fee;

    /* Tables */
    --table-header-background-color: #fde;
    --table-header-text-color: #000;
    --table-border-color: #ffc0cb;
    --table-row-hover-background-color: #fce;

    /* Tabs */
    --tab-background-color: #fde;
    --tab-border-color: #ffc0cb;
    --tab-text-color: #000;
    --tab-hover-background-color: #fce;
    --tab-hover-text-color: #000;
    --tab-active-background-color: #fbe;
    --tab-active-text-color: #000;

    /* Messages */
    --message-success-background-color: #efe;
    --message-success-border-color: #0f0;
    --message-success-text-color: #090;
    --message-error-background-color: #fee;
    --message-error-border-color: #f00;
    --message-error-text-color: #900;
    --message-warning-background-color: #ffe;
    --message-warning-border-color: #ff0;
    --message-warning-text-color: #990;

    /* Layout */
    --sidebar-background-color: #fde;
    --sidebar-border-color: #ffc0cb;
    --sidebar-link-text-color: #000;
    --sidebar-link-hover-background-color: #fce;
    --sidebar-link-hover-text-color: #000;
    --sidebar-link-active-background-color: #fbe;
    --sidebar-link-active-border-color: #ffc0cb;
    --server-card-background-color: #fde;
    --server-card-border-color: #ffc0cb;
    --server-card-hover-background-color: #fce;
    --server-card-info-text-color: #333;
    --server-card-info-label-color: #000;

    /* Controls */
    --toggle-switch-off-background-color: #fde;
    --toggle-switch-off-border-color: #ffc0cb;
    --toggle-switch-off-handle-background-color: #ffc0cb;
    --toggle-switch-off-handle-border-color: #fde;
    --toggle-switch-on-background-color: #ffc0cb;
    --toggle-switch-on-border-color: #fde;
    --toggle-switch-on-handle-background-color: #fde;
    --toggle-switch-on-handle-border-color: #ffc0cb;
}
