:root, [data-theme="light"], [data-theme="dark"], body, html {
    color-scheme: dark !important;
    --c-primary: #d5d8e3;
    --c-primary-accent: #878fc4;
    --c-primary-text: #000000;
    --c-secondary: #4f5d75;
    --c-secondary-text: #ffffff;
    --c-call-to-action: #e5ac00;
    --c-call-to-action-accent: #c49300;
    --c-call-to-action-text: #000000;
    --c-text-primary: #ececec;
    --c-text-secondary: #a0a8b0;
    --c-elevation-0: #05080f;
    --c-elevation-1: #0a0e17;
    --c-elevation-2: #10141f;
    --c-elevation-3: #161b28;
    --c-elevation-4: #1c2232;
    --c-elevation-5: #22293c;
    --c-hover: rgba(255, 255, 255, 0.05);
    --border-style: solid;
    --border-width: 1px;
    --border-color: rgba(229, 172, 0, 0.2);
    --border: var(--border-style) var(--border-width) var(--border-color);
    --border-radius: 12px;
    --button-border-radius: 8px;
    --font-size: 16px;
    background-color: #05080f !important;
    color: #ececec !important;
}

body {
    background-color: var(--c-elevation-0) !important;
    color: var(--c-text-primary) !important;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Glassmorphism & Custom Elements */
.glass-card {
    background: rgba(16, 20, 31, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(229, 172, 0, 0.2);
    border-radius: var(--border-radius);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.glass-card:hover {
    border-color: rgba(229, 172, 0, 0.6);
    box-shadow: 0 10px 30px -10px rgba(229, 172, 0, 0.3);
}

/* Video Hover Container */
.video-hover-container {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.video-hover-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.video-hover-container:hover .video-hover-bg {
    opacity: 1;
}

.video-hover-content {
    position: relative;
    z-index: 2;
}

/* Canvas Scroll Scrubbing */
#cdc-scroll-canvas {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
}

main, main.responsive, #contingut, .cdc, .ph-app, .ph-main, .ph-layout, .ph-content {
    overflow: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
}

/* Hero Section Height & Overflow Fix */
#cdc-navbar-wrapper {
    min-height: 0 !important;
}

.cdc__hero {
    min-height: calc(100vh - 60px) !important;
    height: calc(100vh - 60px) !important;
    padding: 80px 0 80px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
}

/* Force Admin Panel Dark Mode */
.admin-layout, .ph-admin-app, .ph-sidebar, .ph-topbar, .admin-sidebar, .admin-header, .admin-content, table, tr, td, th, .card, .panel, nav, aside {
    background-color: #0c1017 !important;
    color: #e2e8f0 !important;
    border-color: #1e293b !important;
}

/* 4 Stats in 1 Single Row on Desktop */
@media (min-width: 768px) {
    .cdc__stats {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

.ph-sidebar a, .admin-sidebar a, .nav-link, aside a, .sidebar a {
    color: #cbd5e1 !important;
}

.table, table, tbody, td, th {
    background-color: #0c1017 !important;
    color: #e2e8f0 !important;
    border-color: #1e293b !important;
}