/* Custom Styles for TechSys ONE */

/* Color Palette */
:root {
    --color-primary: #14146c; /* Dark Blue */
    --color-secondary: #55b2e9; /* Light Blue */
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
}

/* Override default colors with custom palette */
header {
    background-color: var(--color-primary);
    border-bottom-color: var(--color-secondary);
}

header nav ul li a {
    color: var(--color-text-light);
}



.btn-primary {
    background-color: var(--color-secondary);
    color: var(--color-text-light);
}

.btn-primary:hover {
    background-color: darken(var(--color-secondary), 10%); /* Requires Sass/Less or manual calculation */
}

.services h2,
.service-item h3,
.contact h2 {
    color: var(--color-primary);
}

.service-item {
    background-color: var(--color-text-light);
}

.contact-form button {
    background-color: var(--color-secondary);
    color: var(--color-text-light);
}

.contact-form button:hover {
    background-color: darken(var(--color-secondary), 10%); /* Requires Sass/Less or manual calculation */
}

footer {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}

footer p {
    color: var(--color-text-light);
}