@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --coyan-lighter-primary: #e1efff;
    --coyan-primary: #0062cc;
    --coyan-primary-subtle: #00428f;
    --coyan-secondary-subtle: #181e38;
    --coyan-secondary: #06173c;
    --coyan-dark: #1A1D21;
}

* {
    font-family: "Plus Jakarta Sans", serif;
    font-weight: 500;
}

.plus-jakarta-sans {
    font-family: "Plus Jakarta Sans", serif;
    font-optical-sizing: auto;
    font-weight: 600;
}

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

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

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

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

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

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

.text-coyan-dark {
    color: var(--coyan-dark);
}

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

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

[data-bs-theme="light"] .bg-coyan-sidebar {
    background-color: var(--coyan-lighter-primary) !important;
}

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

[data-bs-theme="light"] .btn-outline-primary { background-color: var(--bs-primary) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-secondary { background-color: var(--bs-secondary) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-success { background-color: var(--bs-success) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-danger { background-color: var(--bs-danger) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-warning { background-color: var(--bs-warning) !important; color: var(--bs-black) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-info { background-color: var(--bs-info) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-light { background-color: var(--bs-tertiary-color) !important; color: var(--bs-white) !important; border: none !important; }
[data-bs-theme="light"] .btn-outline-dark { background-color: var(--bs-dark) !important; color: var(--bs-white) !important; border: none !important; }

[data-bs-theme="light"] .btn-outline-primary:hover,
[data-bs-theme="light"] .btn-outline-primary:active { background-color: #0b5ed7 !important; }
[data-bs-theme="light"] .btn-outline-secondary:hover,
[data-bs-theme="light"] .btn-outline-secondary:active { background-color: #5c636a !important; }
[data-bs-theme="light"] .btn-outline-success:hover,
[data-bs-theme="light"] .btn-outline-success:active { background-color: #157347 !important; }
[data-bs-theme="light"] .btn-outline-danger:hover,
[data-bs-theme="light"] .btn-outline-danger:active { background-color: #bb2d3b !important; }
[data-bs-theme="light"] .btn-outline-warning:hover,
[data-bs-theme="light"] .btn-outline-warning:active { background-color: #ffca2c !important; }
[data-bs-theme="light"] .btn-outline-info:hover,
[data-bs-theme="light"] .btn-outline-info:active { background-color: #31d2f2 !important; }
[data-bs-theme="light"] .btn-outline-light:hover,
[data-bs-theme="light"] .btn-outline-light:active { background-color: #45464b !important; }
[data-bs-theme="light"] .btn-outline-dark:hover,
[data-bs-theme="light"] .btn-outline-dark:active { background-color: #424649 !important; }