/**
 * RevvedUpCars Brand Colors v2.0
 * Updated to match new logo
 * 
 * Primary Colors:
 * - Accent Yellow-Green (from "UP"): #D4E028
 * - Dark Teal (from "REVVED/CARS"): #2A4A4A
 * - Deep Dark: #1E1E1E
 */

:root {
    /* Primary Brand Colors - Updated from logo */
    --revved-accent: #D4E028;
    --revved-accent-dark: #B8C420;
    --revved-accent-light: #E2ED5A;
    --revved-accent-rgb: 212, 224, 40;
    
    /* Secondary Brand Color - Dark Teal from logo */
    --revved-teal: #2A4A4A;
    --revved-teal-light: #3D6363;
    --revved-teal-dark: #1E3636;
    
    /* Neutral Colors */
    --revved-dark: #1E1E1E;
    --revved-white: #ffffff;
    
    /* Keep existing structure but update accent references */
    --revved-bg-primary: #f4f6f5;
    --revved-bg-secondary: #ffffff;
    --revved-bg-tertiary: #e8ecea;
    --revved-bg-card: #ffffff;
    
    --revved-text-primary: #1a1f1a;
    --revved-text-secondary: #2d332d;
    --revved-text-tertiary: #5a645a;
    --revved-text-muted: #7a847a;
    
    --revved-border-color: #d0d5d0;
    --revved-divider-color: #e0e5e0;
    
    --revved-header-bg: #ffffff;
    --revved-header-text: #1a1f1a;
    --revved-nav-text: var(--revved-teal);
    
    --revved-footer-bg: #1E1E1E;
    --revved-footer-text: #ffffff;
}

/* ============================================
   ACCENT COLOR OVERRIDES
   ============================================ */

/* Buttons */
.btn-primary,
.revved-btn,
.revved-btn,
button[type="submit"],
input[type="submit"],
.wp-block-button__link,
.revved-btn {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
    border-color: var(--revved-accent) !important;
}

.btn-primary:hover,
.revved-btn:hover,
.revved-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.revved-btn:hover {
    background-color: var(--revved-accent-dark) !important;
    border-color: var(--revved-accent-dark) !important;
}

/* Links accent color */
a:hover,
.entry-title a:hover,
.post-title a:hover,
.card-title a:hover {
    color: var(--revved-accent-dark) !important;
}

/* Category badges */
.category-badge,
.cat-badge,
.post-category,
.entry-category {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Hamburger menu button */
.revved-menu-toggle {
    background: var(--revved-accent) !important;
}

.revved-menu-toggle.active {
    background: var(--revved-dark) !important;
}

.revved-menu-toggle.active .hamburger-line {
    background: var(--revved-accent) !important;
}

/* Active menu states */
#primary-menu > li.open > a,
.revved-menu > li.open > a {
    color: var(--revved-accent) !important;
}

#primary-menu > li.menu-item-has-children.open > a::after {
    color: var(--revved-accent) !important;
}

/* Navigation hover */
.revved-nav a:hover,
#primary-menu a:hover,
.main-navigation a:hover {
    color: var(--revved-accent) !important;
}

/* Current menu item */
.current-menu-item > a,
.current_page_item > a {
    color: var(--revved-accent) !important;
}

/* Hero section accents */
.hero-category,
.featured-badge {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Card hover effects */
.article-card:hover .card-title,
.revved-post-item:hover .revved-post-title {
    color: var(--revved-accent-dark) !important;
}

/* Newsletter/CTA sections */
.newsletter-section,
.cta-section {
    background: linear-gradient(135deg, var(--revved-teal) 0%, var(--revved-teal-dark) 100%) !important;
}

.newsletter-btn,
.cta-btn {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Footer accents */
.footer-widget a:hover,
.footer-link:hover {
    color: var(--revved-accent) !important;
}

.footer-social a:hover {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Scrollbar accent */
::-webkit-scrollbar-thumb {
    background: var(--revved-accent) !important;
}

/* Selection color */
::selection {
    background: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Focus states */
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline-color: var(--revved-accent) !important;
}

/* Tags */
.tag-link,
.post-tag,
.wp-block-tag-cloud a {
    border-color: var(--revved-accent) !important;
}

.tag-link:hover,
.post-tag:hover,
.wp-block-tag-cloud a:hover {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* Blockquote accent */
blockquote {
    border-left-color: var(--revved-accent) !important;
}

/* Progress bars / ratings */
.rating-bar-fill,
.progress-fill {
    background-color: var(--revved-accent) !important;
}

/* Comparison tool accents */
.compare-btn,
.comparison-add {
    background-color: var(--revved-accent) !important;
    color: var(--revved-dark) !important;
}

/* ============================================
   DARK TEAL ACCENTS (Secondary brand color)
   ============================================ */

/* Section headers */
.section-title,
.widget-title,
h2.section-heading {
    color: var(--revved-teal) !important;
}

/* Author box */
.author-box {
    border-left-color: var(--revved-teal) !important;
}

/* Sidebar widget titles */
.sidebar .widget-title::after {
    background-color: var(--revved-accent) !important;
}

/* ============================================
   DARK MODE OVERRIDES
   ============================================ */

[data-theme="dark"] {
    --revved-accent: #D4E028;
    --revved-accent-dark: #B8C420;
    --revved-accent-light: #E2ED5A;
    --revved-teal: #4A7A7A;
    --revved-teal-light: #5D9393;
}