:root {
    /* Primary Colors - Blue theme */
    --primary-color: #4e73df;
    --primary-color-dark: #2e59d9;
    --primary-color-light: rgba(78, 115, 223, 0.25);
    --primary-color-rgb: 78, 115, 223;  /* RGB values for primary color */
    
    /* Secondary Colors */
    --secondary-color: #6c757d;
    --secondary-color-dark: #5a6268;
    --secondary-color-light: #f8f9fa;
    
    /* Success Colors */
    --success-color: #28a745;
    --success-color-dark: #1e7e34;
    --success-color-light: #d4edda;
    
    /* Background Colors */
    --bg-white: #fff;
    --bg-light: #f8f9fa;
    --bg-dark: #343a40;
    
    /* Text Colors */
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #666;
    --text-light: rgba(255, 255, 255, 0.8);
    
    /* Border Colors */
    --border-color: #dee2e6;
    --border-color-dark: #adb5bd;
    
    /* Sidebar Colors */
    --sidebar-bg: var(--bg-white);
    --sidebar-color: var(--text-primary);
    --sidebar-hover-bg: var(--primary-color-light);
    --sidebar-active-color: var(--primary-color);
    --sidebar-active-bg: var(--primary-color-light);
    
    /* Navbar Colors */
    --navbar-bg: var(--bg-white);
    --navbar-color: var(--text-primary);
    --navbar-hover-color: var(--primary-color);
    
    /* Link Colors */
    --link-color: var(--primary-color);
    --link-hover-color: var(--primary-color-dark);
    
    /* Button Colors */
    --button-primary-bg: var(--primary-color);
    --button-primary-border: var(--primary-color);
    --button-primary-hover-bg: var(--primary-color-dark);
    --button-primary-hover-border: var(--primary-color-dark);

    /* Search Box Colors */
    --search-box-outline: var(--primary-color);
    --search-box-focus-outline: var(--primary-color-dark);

    /* Footer Colors */
    --footer-link-color: var(--primary-color);
    --footer-link-hover-color: var(--primary-color-dark);
    
    /* Sidebar Colors */
    --sidebar-link-hover: var(--primary-color-light);
    --sidebar-divider: var(--border-color);
    --sidebar-active: var(--primary-color);
    --sidebar-icon: var(--primary-color);
    
    /* Topbar Colors */
    --topbar-bg: var(--bg-white);
    --topbar-text: var(--text-primary);
    --topbar-border: var(--border-color);
    
    /* Search Bar Colors */
    --search-border: var(--primary-color);
    --search-focus-shadow: rgba(78, 115, 223, 0.25);
    
    /* Tag Colors */
    --tag-bg: var(--primary-color);
    --tag-text: var(--bg-white);
    --tag-hover: var(--primary-color-dark);
    
    /* Badge Colors */
    --badge-bg: var(--primary-color);
    --badge-text: var(--bg-white);
    --badge-hover-bg: var(--primary-color-dark);
    --badge-hover-border: var(--primary-color-dark);
    
    /* Card Colors */
    --card-bg: var(--bg-white);
    --card-border: var(--border-color);
    --card-shadow: rgba(0, 0, 0, 0.075);
    
    /* Status Colors */
    --status-draft: var(--secondary-color);
    --status-ready: var(--success-color);
    --status-processing: #ffc107;
    --status-failed: #dc3545;
    
    /* Social Media Colors */
    --youtube-color: #FF0000;
    --tiktok-color: #000000;
    --patreon-color: #FF424D;
    --discord-color: #5865F2;
    --instagram-color: #E4405F;
}