/* Connect Talent CIO Custom CSS Overrides & Animations */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #f9f9ff;
    color: #121c2c;
}

/* Material symbols outlined alignment */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Custom cards elevation */
.card-ambient-shadow {
    box-shadow: 0px 4px 20px rgba(26, 46, 90, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-ambient-shadow:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 30px rgba(26, 46, 90, 0.12);
}

/* Keyboard accessibility focus ring */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid #fd8a27 !important;
    outline-offset: 2px !important;
}

/* Mobile drawer transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#mobile-menu.hidden {
    display: none;
}