/**
 * Custom Colors CSS
 * Auto-generated from Admin Settings
 * Last updated: 2026-01-30 11:53:20
 * 
 * DO NOT EDIT DIRECTLY - Changes will be overwritten
 * Edit colors in Admin > Settings > Appearance
 */

:root {
    /* Primary Colors */
    --primary: #fa0057;
    --primary-dark: #dc0039;
    --primary-light: rgba(250, 0, 87, 0.1);
    
    /* Secondary Colors */
    --secondary: #0081c2;
    --secondary-dark: #0063a4;
    --secondary-light: rgba(0, 129, 194, 0.2);
    
    /* Accent Colors */
    --accent: #ff5900;
    --accent-dark: #e13b00;
    
    /* Text Color */
    --text: #1f2937;
    
    /* Custom Colors */
    --custom-1: #10b981;
    --custom-2: #ef4444;
    --custom-3: #8b5cf6;
    --custom-4: #ec4899;
    
    /* Typography */
    --font-primary: 'Poppins, sans-serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-secondary: 'Poppins, sans-serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-accent: 'Poppins, sans-serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Primary Color Utilities */
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-dark { background-color: var(--primary-dark) !important; }
.bg-primary-light { background-color: var(--primary-light) !important; }
.text-primary { color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.hover\:bg-primary:hover { background-color: var(--primary) !important; }
.hover\:text-primary:hover { color: var(--primary) !important; }

/* Secondary Color Utilities */
.bg-secondary { background-color: var(--secondary) !important; }
.bg-secondary-dark { background-color: var(--secondary-dark) !important; }
.text-secondary { color: var(--secondary) !important; }
.border-secondary { border-color: var(--secondary) !important; }
.hover\:bg-secondary:hover { background-color: var(--secondary) !important; }
.hover\:text-secondary:hover { color: var(--secondary) !important; }

/* Accent Color Utilities */
.bg-accent { background-color: var(--accent) !important; }
.bg-accent-dark { background-color: var(--accent-dark) !important; }
.text-accent { color: var(--accent) !important; }
.border-accent { border-color: var(--accent) !important; }
.hover\:bg-accent:hover { background-color: var(--accent) !important; }
.hover\:text-accent:hover { color: var(--accent) !important; }

/* Custom Color Utilities */
.bg-custom-1 { background-color: var(--custom-1) !important; }
.bg-custom-2 { background-color: var(--custom-2) !important; }
.bg-custom-3 { background-color: var(--custom-3) !important; }
.bg-custom-4 { background-color: var(--custom-4) !important; }
.text-custom-1 { color: var(--custom-1) !important; }
.text-custom-2 { color: var(--custom-2) !important; }
.text-custom-3 { color: var(--custom-3) !important; }
.text-custom-4 { color: var(--custom-4) !important; }

/* Button Primary Overrides */
.btn-primary,
button.btn-primary,
a.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

/* Button Secondary Overrides */
.btn-secondary,
button.btn-secondary,
a.btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #ffffff;
}

.btn-secondary:hover,
button.btn-secondary:hover,
a.btn-secondary:hover {
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

/* Button Accent Overrides */
.btn-accent,
button.btn-accent,
a.btn-accent {
    background-color: var(--accent);
    border-color: var(--accent);
    color: #ffffff;
}

.btn-accent:hover,
button.btn-accent:hover,
a.btn-accent:hover {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark);
}

/* Link Colors */
a:not(.btn):not([class*='text-']) {
    color: var(--primary);
}

a:not(.btn):not([class*='text-']):hover {
    color: var(--primary-dark);
}

/* Focus States */
input:focus,
textarea:focus,
select:focus,
button:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-light);
}

/* Selection Color */
::selection {
    background-color: var(--primary);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--primary);
    color: #ffffff;
}