:root {
    --primary-color: #4a69bd;
    --primary-hover-color: #3b528f;
    --secondary-color: #6c757d;
    --light-bg-color: #f8f9fa;
    --dark-bg-color: #212529;
    --header-overlay-color: rgba(0, 0, 0, 0.3);
    --fullscreen-bg-color: #000;
    --overlay-bg-color: rgba(0, 0, 0, 0.4);
    --overlay-hover-bg-color: rgba(0, 0, 0, 0.6);
    --loading-spinner-bg-color: #f3f3f3;
    --modal-backdrop-color: transparent;
    --camera-controls-bg-color: rgba(255, 255, 255, 0.8);
    --camera-controls-hover-bg-color: #fff;
    --table-header-bg-color: #212529;
    --dark-text-color: #343a40;
    --light-text-color: #ffffff;
    --table-header-text-color: #fff;
    --success-color: #198754;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --card-shadow-color: rgba(0, 0, 0, 0.08);
    --card-hover-shadow-color: rgba(0, 0, 0, 0.12);
    --border-color: #eee;
    --dark-border-color: #dee2e6;
    --focus-ring-color: rgba(74, 105, 189, 0.25);
    --table-striped-bg-color: #f8f9fa;
    --overlay-border-color: rgba(255, 255, 255, 0.5);
    --text-shadow-color: rgba(0, 0, 0, 0.5);
    --camera-controls-shadow-color: rgba(0,0,0,0.1);
    --camera-controls-border-color: #ccc;
    --card-shadow: 0 4px 15px var(--card-shadow-color);
    --border-radius: 0.5rem;
    --font-family: "Montserrat", sans-serif;
}