/* MCPOTAR Branding System - Frontend Styles */

:root {
    --mvbs-primary: #C8860A;
    --mvbs-secondary: #333333;
    --mvbs-accent: #667eea;
    --mvbs-text: #333333;
    --mvbs-light-bg: #f9f9f9;
}

/* Apply primary color to all theme buttons */
.mvup-btn-primary,
.mvus-subscription-btn,
.mvus-btn-primary,
.mvvc-chapter-timestamp,
.mvvm-merch-link,
button.mvup-btn-primary,
a.mvup-btn-primary {
    background-color: var(--mvbs-primary) !important;
    color: white !important;
}

.mvup-btn-primary:hover,
.mvus-subscription-btn:hover,
.mvus-btn-primary:hover,
.mvvm-merch-link:hover,
button.mvup-btn-primary:hover,
a.mvup-btn-primary:hover {
    opacity: 0.9;
}

/* Accent colors */
.mvvc-chapters-container {
    border-left-color: var(--mvbs-primary) !important;
}

.mvvc-chapters-container h3 {
    border-bottom-color: var(--mvbs-primary) !important;
}

.mvvh-progress-bar {
    background-color: var(--mvbs-primary) !important;
}

.mvup-btn-primary {
    background-color: var(--mvbs-primary) !important;
}

/* Text colors */
body {
    color: var(--mvbs-text);
}

/* Background colors */
.mvvc-chapters-container {
    background: linear-gradient(135deg, var(--mvbs-light-bg) 0%, #fafafa 100%) !important;
}

.mvvm-merch-container {
    background: linear-gradient(135deg, var(--mvbs-light-bg) 0%, #fafafa 100%) !important;
    border-top-color: var(--mvbs-primary) !important;
}

/* Links */
a {
    color: var(--mvbs-primary);
}

a:hover {
    color: var(--mvbs-secondary);
}

/* Focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--mvbs-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--mvbs-primary), 0.1) !important;
}

/* Gradients */
.mvus-login-container {
    background: linear-gradient(135deg, var(--mvbs-accent) 0%, var(--mvbs-primary) 100%) !important;
}

.mvup-playlist-header {
    background: linear-gradient(135deg, var(--mvbs-accent) 0%, var(--mvbs-primary) 100%) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    :root {
        --mvbs-primary: var(--mvbs-primary);
        --mvbs-secondary: var(--mvbs-secondary);
        --mvbs-accent: var(--mvbs-accent);
        --mvbs-text: var(--mvbs-text);
        --mvbs-light-bg: var(--mvbs-light-bg);
    }
}