/*
|--------------------------------------------------------------------------
| Hurdam Main Site Styles
|--------------------------------------------------------------------------
|
| Custom CSS for the main marketing site. All color values are defined
| as CSS custom properties for consistent theming across the site.
|
*/

:root {
    /* Primary Colors */
    --hurdam-green: #90EE90;
    --hurdam-green-hover: #7fde7f;
    
    /* Dark Tones */
    --hurdam-slate: #14202B;
    --hurdam-ink: #0B1117;
    
    /* Light Tones */
    --hurdam-line: #DCE4E8;
    --hurdam-mist: #F5F8F6;
    
    /* Eco Theme (Dark Sections / Footer) */
    --hurdam-eco: #0f1a16;
    --hurdam-eco-line: #2a3f36;
    --hurdam-eco-panel: #132820;
    --hurdam-eco-muted: #9cb8a8;
    
    /* Shadows */
    --shadow-industrial: 0 24px 80px rgba(20, 32, 43, 0.10);
    
    /* Overlays for gradient effects */
    --overlay-dark: rgba(11, 17, 23, 0.92);
    --overlay-eco: rgba(15, 26, 22, 0.55);
}

/*
|--------------------------------------------------------------------------
| Isometric Card Effect
|--------------------------------------------------------------------------
|
| 3D isometric transformation effect used in various sections.
|
*/

.isometric-card {
    transform: rotateX(58deg) rotateZ(-34deg);
    transform-style: preserve-3d;
}

.isometric-card::before {
    content: '';
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(20, 32, 43, 0.16);
    transform: translateZ(-18px);
}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
|
| Navigation item spacing adjustments.
|
*/

.nav-item {
    margin-block: -12px;
    padding-block: 12px;
}