:root {
    --brand-primary: #165690;
    --brand-cyan: #1a92d1;
    --brand-success: #299366;
    --brand-vibrant: #5cc05e;
    --brand-dark: #1e1e1e;
    --brand-bglight: #f8f9fa;
}
body {
    font-family: 'Outfit', sans-serif;
    color: #2b354e;
    background-color: #ffffff;
}
.text-brand-primary { color: var(--brand-primary) !important; }
.text-brand-cyan { color: var(--brand-cyan) !important; }
.text-brand-success { color: var(--brand-success) !important; }
.text-brand-vibrant { color: var(--brand-vibrant) !important; }
.bg-brand-primary { background-color: var(--brand-primary) !important; }
.bg-brand-cyan { background-color: var(--brand-cyan) !important; }
.bg-brand-success { background-color: var(--brand-success) !important; }
.bg-brand-vibrant { background-color: var(--brand-vibrant) !important; }
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-bglight { background-color: var(--brand-bglight) !important; }
.bg-brand-primary-light { background-color: rgba(22, 86, 144, 0.1) !important; }
.bg-brand-cyan-light { background-color: rgba(26, 146, 209, 0.1) !important; }
.bg-brand-success-light { background-color: rgba(41, 147, 102, 0.1) !important; }
.bg-brand-vibrant-light { background-color: rgba(92, 192, 94, 0.1) !important; }
.border-brand-primary { border-color: var(--brand-primary) !important; }
.border-brand-cyan { border-color: var(--brand-cyan) !important; }
.border-brand-success { border-color: var(--brand-success) !important; }
.border-brand-vibrant { border-color: var(--brand-vibrant) !important; }
.btn-brand-success {
    background-color: var(--brand-success) !important;
    border-color: var(--brand-success) !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}
.btn-brand-success:hover {
    background-color: #1e6b49 !important;
    border-color: #1e6b49 !important;
    transform: translateY(-1px);
}
.btn-brand-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}
.btn-brand-primary:hover {
    background-color: #10416d !important;
    border-color: #10416d !important;
    transform: translateY(-1px);
}
.btn-brand-outline-primary {
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    background-color: transparent !important;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}
.btn-brand-outline-primary:hover {
    background-color: var(--brand-primary) !important;
    color: #ffffff !important;
}
.glow-success {
    box-shadow: 0 8px 25px -5px rgba(41, 147, 102, 0.35);
}
.glow-primary {
    box-shadow: 0 10px 35px rgba(22, 86, 144, 0.05);
}
.glow-cyan {
    box-shadow: 0 8px 25px -5px rgba(26, 146, 209, 0.35);
}
.font-mono {
    font-family: 'Fira Code', monospace !important;
}
.dropzone-mock {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.dropzone-mock:hover {
    background-color: rgba(22, 86, 144, 0.03) !important;
    border-color: var(--brand-primary) !important;
}
.nav-link-hover {
    transition: color 0.15s ease-in-out;
}
.nav-link-hover:hover {
    color: var(--brand-primary) !important;
}
.service-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.scroll-behavior-smooth {
    scroll-behavior: smooth;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.5rem;
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.625rem;
}
.document-body h2 {
    color: #1a202c;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.document-body h3 {
    color: #2d3748;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}
.document-body p {
    margin-bottom: 1.25rem;
    line-height: 1.75;
}
.document-body ul, .document-body ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}
.document-body li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}