:root {
    /* Primary Colors */
    --primary-blue: #4A70A9;
    --accent-blue: #8FABD4;
    
    /* Neutrals - Dark theme with grey tones */
    --dark-grey-900: #1a1a1a;
    --dark-grey-800: #2d2d2d;
    --dark-grey-700: #3d3d3d;
    --dark-grey-600: #4a4a4a;
    --light-grey: #f3f3ed;
    --white: #EFECE3;
    
    /* Legacy support */
    --base-black: #1a1a1a;
}

html {
    scroll-behavior: smooth;
}

/* Keep the hero from dominating shorter mobile screens */
@media (max-height: 740px) and (max-width: 767px) {
    .hero-section {
        min-height: 360px;
        height: 62vh;
    }
}

/* Diagonal clip paths for contact strip */
@media (min-width: 768px) {
    .clip-diagonal-left {
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
        margin-right: -4rem;
    }
    
    .clip-diagonal-right {
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
        margin-left: -4rem;
    }
}