:root {
    --navy-main: #0a192f;
    --navy-light: #172a45;
    --navy-subtle: #e6f0fa;
    --accent-orange: #f97316;
    --accent-orange-hover: #ea580c;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #334155;
    background-color: #ffffff;
}

/* Palette Overrides */
.text-navy { color: var(--navy-main); }
.bg-navy { background-color: var(--navy-main); }
.bg-navy-light { background-color: var(--navy-light); }
.bg-navy-subtle { background-color: var(--navy-subtle); }

.text-accent { color: var(--accent-orange); }
.bg-accent { background-color: var(--accent-orange); }

.btn-navy {
    background-color: var(--navy-main);
    color: #fff;
}
.btn-navy:hover {
    background-color: var(--navy-light);
    color: #fff;
}

.btn-outline-navy {
    border: 2px solid var(--navy-main);
    color: var(--navy-main);
}
.btn-outline-navy:hover {
    background-color: var(--navy-main);
    color: #fff;
}

.btn-accent {
    background-color: var(--accent-orange);
    color: #fff;
}
.btn-accent:hover {
    background-color: var(--accent-orange-hover);
    color: #fff;
}

/* Card Effects */
.custom-card {
    transition: transform 0.3s ease, shadow 0.3s ease;
}
.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(10, 25, 47, 0.1) !important;
}

/* Utility Layouts */
.max-width-md {
    max-width: 650px;
}

/* Floating Card Element */
.floating-card {
    z-index: 10;
    border-left: 4px solid var(--accent-orange);
}