/*
|--------------------------------------------------------------------------
| 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 - Green Palette */
    --hurdam-primary: #4CAF50;
    --hurdam-primary-hover: #43A047;
    --hurdam-primary-light: #81C784;
    --hurdam-primary-dark: #388E3C;
    
    /* Secondary Colors - Teal Palette */
    --hurdam-secondary: #089FAC;
    --hurdam-secondary-hover: #07899A;
    --hurdam-secondary-light: #4DB6AC;
    --hurdam-secondary-dark: #00838F;
    
    /* Tertiary Colors - Gray-Blue Palette */
    --hurdam-tertiary: #5D6374;
    --hurdam-tertiary-hover: #4B5263;
    --hurdam-tertiary-light: #8E95A5;
    --hurdam-tertiary-dark: #3D4352;
    
    /* Neutral Colors - Dark Navy Palette */
    --hurdam-neutral: #191D28;
    --hurdam-neutral-light: #2A303D;
    --hurdam-neutral-lighter: #3D4452;
    --hurdam-neutral-dark: #0F1218;
    
    /* Legacy Aliases (for backward compatibility) */
    --hurdam-green: var(--hurdam-primary);
    --hurdam-green-hover: var(--hurdam-primary-hover);
    --hurdam-slate: var(--hurdam-neutral);
    --hurdam-ink: var(--hurdam-neutral-dark);
    
    /* Light Tones */
    --hurdam-line: #DCE4E8;
    --hurdam-mist: #F5F8F6;
    
    /* Dark Theme (Footer / Dark Sections) */
    --hurdam-eco: var(--hurdam-neutral-dark);
    --hurdam-eco-line: var(--hurdam-neutral-lighter);
    --hurdam-eco-panel: var(--hurdam-neutral-light);
    --hurdam-eco-muted: var(--hurdam-tertiary-light);
    
    /* Shadows */
    --shadow-industrial: 0 24px 80px rgba(25, 29, 40, 0.12);
    
    /* Overlays for gradient effects */
    --overlay-dark: rgba(25, 29, 40, 0.92);
    --overlay-eco: rgba(25, 29, 40, 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;
}