/* Master Color Variables */
:root {
    --primary-color: #1e3a8a;
    /* Dark Blue */
    --secondary-color: #0F9EE3;
    /* Orange */
    --accent-color: #0ea5e9;
    /* Light Blue */
    --text-dark: #1f2937;
    /* Dark Gray */
    --text-light: #ffffff;
    /* White */
    --bg-light: #f8fafc;
    /* Light Gray */
    --bg-dark: #0f172a;
    /* Very Dark Blue */
}

/* Custom Tailwind Configuration */
.bg-primary {
    background-color: var(--primary-color);
}

.bg-secondary {
    background-color: var(--secondary-color);
}

.bg-primary-f {
    background-color: var(--bg-dark);
}

.bg-accent {
    background-color: var(--accent-color);
}

.text-primary {
    color: var(--primary-color);
}

.text-secondary {
    color: var(--secondary-color);
}

.text-accent {
    color: var(--accent-color);
}

.border-primary {
    border-color: var(--primary-color);
}

.border-secondary {
    border-color: var(--secondary-color);
}

/* Hover effects */
.hover-primary:hover {
    background-color: var(--primary-color);
}

.hover-secondary:hover {
    background-color: var(--secondary-color);
}

.hover-text-secondary:hover {
    color: var(--secondary-color);
}