/* CAMB.AI Video Player Styles */

/* Import Inter Font with all weights */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* CAMB.AI Dark Mode Color Palette */
:root {
    --background: #000000;       /* Pure black background */
    --card-background: #1a1a1a;  /* Very dark gray for cards */
    --border-color: #2a2a2a;     /* Very subtle dark borders */
    --text-primary: #e5e5e5;     /* Light gray text */
    --text-secondary: #a3a3a3;   /* Muted gray text */
}

body {
    background-color: var(--background);
    color: var(--text-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    margin: 0;
    padding: 0;
}

/* Header styling */
header {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Video Player Container */
.video-player-container {
    margin: 40px auto;
    padding: 0 24px;
    width: 100%;
    box-sizing: border-box;
}

.video-player-container .video-js {
    width: 100%;
    height: auto;
}

/* Brand Image in Header */
.brand-image {
    height: 32px;
    width: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .video-player-container {
        margin: 20px auto;
        padding: 0 16px;
    }

    .brand-image {
        height: 24px;
    }
}