/**
 * OCENOX Brand Styles
 *
 * Color Palette:
 * - Primary Dark Gray: #404040
 * - Primary Blue: #295F7C
 * - Highlight Blue: #3B8AB4
 *
 * Typography:
 * - Primary Font: Montserrat
 */

/* Typography */
body {
    font-family: 'Montserrat', sans-serif;
    color: #404040;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

h1, h2 {
    font-weight: 700; /* Bold */
}

h3, h4 {
    font-weight: 600; /* SemiBold */
}

body, p {
    font-weight: 400; /* Regular */
}

small, .small {
    font-weight: 300; /* Light */
}

/* OCENOX Brand Colors */
.bg-ocenox-dark {
    background-color: #404040 !important;
}

.bg-ocenox-primary {
    background-color: #295F7C !important;
}

.bg-ocenox-highlight {
    background-color: #3B8AB4 !important;
}

.text-ocenox-dark {
    color: #404040 !important;
}

.text-ocenox-primary {
    color: #295F7C !important;
}

.text-ocenox-highlight {
    color: #3B8AB4 !important;
}

/* Button Styles */
.btn-primary {
    background-color: #295F7C;
    border-color: #295F7C;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3B8AB4;
    border-color: #3B8AB4;
}

/* Navbar */
.navbar-dark .navbar-brand {
    color: #ffffff;
    font-weight: 600;
}

.navbar-dark .navbar-brand .brand-text {
    font-size: 1.2rem;
}

.navbar-light .navbar-brand {
    color: #404040;
    font-weight: 600;
}

.navbar-light .navbar-brand .brand-text {
    font-size: 1.2rem;
}

.navbar-light .navbar-brand img {
    background-color: #ffffff;
    padding: 4px;
    border-radius: 4px;
}

.navbar-light .nav-link {
    color: #404040;
}

.navbar-light .nav-link:hover {
    color: #295F7C;
}

/* Links */
a {
    color: #295F7C;
    text-decoration: none;
}

a:hover {
    color: #3B8AB4;
    text-decoration: underline;
}

/* Cards */
.card {
    border: none;
    border-radius: 8px;
}

.card-header.bg-ocenox-primary {
    color: #ffffff;
}

/* Forms */
.form-control:focus,
.form-select:focus {
    border-color: #3B8AB4;
    box-shadow: 0 0 0 0.2rem rgba(59, 138, 180, 0.25);
}

/* Footer */
.footer {
    background-color: #f8f9fa;
    border-top: 2px solid #295F7C;
}