/**
 * Theme Colors - Oktopost Brand
 * Primary: #1e5884 (Darker blue)
 * Primary Light: #2f93cd (Lighter blue)
 */

:root {
    --primary: #1e5884;
    /* Darker blue from logo */
    --primary-light: #2f93cd;
    /* Lighter blue from logo */
    --primary-dark: #154567;
    /* Darker shade for hover effects */
    --primary-very-light: #e8f4fc;
    /* Very light blue for backgrounds */
    --white: #ffffff;
    --black: #000000;
    --dark: #212529;
    --gray-light: #f1f1f1;
    --gray: #6c757d;
    --success: #28a745;
}


/* Background Colors */

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
}

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

.bg-primary-very-light {
    background-color: var(--primary-very-light) !important;
}


/* Text Colors */

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

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


/* Border Colors */

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

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


/* Gradient Backgrounds */

.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
}

.bg-gradient-primary-reverse {
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%) !important;
}


/* Custom Button Styles */

.btn-primary-custom {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.btn-primary-custom:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: var(--white);
}

.btn-outline-primary-custom {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
}

.btn-outline-primary-custom:hover {
    background-color: var(--primary);
    color: var(--white);
}


/* Links */

a.link-primary {
    color: var(--primary);
}

a.link-primary:hover {
    color: var(--primary-light);
    text-decoration: underline;
}


/* Custom card styles */

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

.card-primary .card-header {
    background-color: var(--primary);
    color: var(--white);
}


/* Adjustments for specific components */

.hero-section {
    background: linear-gradient(rgba(30, 88, 132, 0.9), rgba(47, 147, 205, 0.8)), url("../images/hero-bg.jpg") center center;
    background-size: cover;
}

.feature-section {
    background-color: var(--primary-very-light);
}

.feature-item .icon {
    color: var(--primary);
}

.testimonial-section {
    background-color: var(--primary-dark);
    color: var(--white);
}

.footer-section {
    background-color: var(--primary-dark);
    color: var(--white);
}

.footer-section a {
    color: var(--primary-light);
}

.footer-section a:hover {
    color: var(--primary-very-light);
}