/* AIVILog brand foundation.
 * The palette is derived from the supplied AIVI COMEX logo assets.
 * Keep application-specific components in styles.css or component modules.
 */
:root {
    --aivilog-navy: #031332;
    --aivilog-navy-soft: #0a204c;
    --aivilog-blue: #087cff;
    --aivilog-blue-dark: #005cc8;
    --aivilog-blue-soft: #eaf3ff;
    --aivilog-white: #ffffff;
    --aivilog-text: #10213f;
}

.aivilog-gradient,
.gradient-bg {
    background: linear-gradient(135deg, var(--aivilog-navy) 0%, var(--aivilog-blue-dark) 100%) !important;
}

.aivilog-primary,
.aivilog-primary:hover {
    background-color: var(--aivilog-blue) !important;
    color: var(--aivilog-white) !important;
}

.aivilog-primary:hover {
    background-color: var(--aivilog-blue-dark) !important;
}

.aivilog-brand-wordmark {
    display: block;
    width: 8rem;
    height: 2.5rem;
    object-fit: cover;
    object-position: center;
    border-radius: 0.25rem;
}

.aivilog-brand-icon {
    display: block;
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    object-position: center;
    border-radius: 0.5rem;
}

.aivilog-brand-stacked {
    display: block;
    width: min(13rem, 70vw);
    height: auto;
    margin-inline: auto;
}

.aivilog-focus:focus {
    outline: 2px solid var(--aivilog-blue);
    outline-offset: 2px;
}