:root {
    --aetopia-navy: #0d3b66;
    --aetopia-navy-dark: #0a2a4a;
    --aetopia-navy-light: #1a4a7a;
}

.btn-aetopia {
    background-color: #0d3b66 !important;
    border-color: #0d3b66 !important;
    color: white !important;
    border-radius: 8px;
    padding: 0.875rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.btn-aetopia:hover {
    background-color: #0a2a4a !important;
    border-color: #0a2a4a !important;
    color: white !important;
}

.btn-aetopia:focus {
    box-shadow: 0 0 0 3px rgba(13, 59, 102, 0.25);
    outline: none;
}

.btn-aetopia:active {
    background-color: #0a2a4a !important;
    transform: translateY(1px);
}

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

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

.link-aetopia {
    color: var(--aetopia-navy);
    text-decoration: none;
    font-weight: 500;
}

.link-aetopia:hover {
    color: var(--aetopia-navy-dark);
    text-decoration: underline;
}

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

.hover\:bg-aetopia-navy-dark:hover {
    background-color: var(--aetopia-navy-dark) !important;
}

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

.focus\:ring-aetopia-navy:focus {
    --tw-ring-color: rgba(13, 59, 102, 0.5);
}

.form-control-lg {
    padding: 0.875rem 1rem !important;
    font-size: 1.05rem !important;
    border-radius: 10px !important;
}