:root {
    --primary-color: #3b82f6;
    --secondary-color: #64748b;
    --accent-color: #38bdf8;
    --text-color: #e0e0e0;
    --bg-color: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --bg-header: #242424;
    --border-color: #404040;
    --spacing-unit: 1rem;
    --border-radius: 4px;
    --transition-speed: 0.2s;
}

/* Apply dark background to body */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

/* Video Container */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin: 2rem auto;
    background-color: var(--bg-secondary);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}