/*
  styles.css
  This file contains all the color styles for the Local Sites Pro dashboard.
*/

/* General Body and Font Styles */
body {
    font-family: 'DM Sans', sans-serif;
    /* Main background and text color for the body */
    background-color: #0A0A0A;
    color: #FFFFFF;
}

/* Scrollbar Styles */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #121212;
}
::-webkit-scrollbar-thumb {
    background: #252527;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3a3a3d;
}

/* Color Utility Classes */

/* Background Colors */
.bg-primary { background-color: #121212; }
.bg-secondary { background-color: #1F1F1F; }
.bg-secondary-hover:hover { background-color: #2c2c2c; }
.bg-gradient {
    background-image: linear-gradient(to right, #3B82F6, #8B5CF6);
}
.bg-overlay { background-color: #000000; }
.bg-badge { background-color: #4B5563; } /* gray-700 */

/* Text Colors */
.text-primary { color: #FFFFFF; }
.text-secondary { color: #9CA3AF; } /* gray-400 */
.text-accent { color: #8B5CF6; } /* violet-500 */

/* Border Colors */
.border-primary { border-color: #252527; }

/* Shadow Colors */
.shadow-accent:hover {
    box-shadow: 0 4px 6px -1px rgba(139, 92, 246, 0.2), 0 2px 4px -2px rgba(139, 92, 246, 0.2);
}
.shadow-accent-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3), 0 4px 6px -4px rgba(139, 92, 246, 0.3);
}

/* Progress Bar */
.progress-bar-container { background-color: #4B5563; } /* gray-700 */
.progress-bar {
    background-image: linear-gradient(to right, #3B82F6, #8B5CF6);
}