:root {
    --base-bg: #f8f9fa;
    --base-surface: #ffffff;
    --base-text: #212529;
    --base-muted: #6c757d;
    --base-border: #dee2e6;
    --base-primary: #0d6efd;
    --base-primary-contrast: #ffffff;
    --base-accent: #198754;
}

.base-layout {
    background-color: var(--base-bg);
    color: var(--base-text);
}

.device-pending {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.device-pending .home-mobile-content,
.device-pending .home-tablet-content,
.device-pending .home-desktop-content {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.device-initialized {
    visibility: visible;
    opacity: 1;
}