/* Deep Water — фірмова океанічна immersive тема */

html[data-theme="deepwater"] {
    --bg: #020810;
    --bg-soft: #041018;
    --silver: #a8c4d4;
    --silver-bright: #e8f4fc;
    --accent: #00d4ff;
    --accent-deep: #0088cc;
    --accent-glow: rgba(0, 212, 255, 0.28);
    --text: #e8f0f8;
    --text-muted: #7a9cb0;
    --text-nav: #8eb4c8;
    --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --logo-max: 680px;
    --bg-glow:
        radial-gradient(ellipse 60% 45% at 50% 30%, rgba(0, 136, 204, 0.22) 0%, transparent 70%),
        radial-gradient(ellipse 90% 70% at 50% 80%, rgba(0, 212, 255, 0.06) 0%, transparent 65%),
        radial-gradient(ellipse 40% 30% at 20% 60%, rgba(0, 100, 180, 0.08) 0%, transparent 60%);
    --bg-noise-opacity: 0.18;
    --title-gradient: linear-gradient(180deg, #e8f4fc 0%, #00d4ff 35%, #0088cc 70%, #004466 100%);
    --title-shadow: drop-shadow(0 0 40px rgba(0, 212, 255, 0.35)) drop-shadow(0 4px 16px rgba(0, 0, 0, 0.5));
    --brand-accent-color: #00d4ff;
    --footer-color: #dce8f2;
    --btn-primary-shadow: 0 4px 32px rgba(0, 212, 255, 0.35);
    --btn-primary-shadow-hover: 0 8px 48px rgba(0, 212, 255, 0.5);
    --btn-ghost-bg: rgba(0, 212, 255, 0.04);
    --btn-ghost-border: rgba(0, 212, 255, 0.2);
    --btn-ghost-hover-bg: rgba(0, 212, 255, 0.1);
    --btn-ghost-hover-border: rgba(0, 212, 255, 0.5);
    --btn-ghost-hover-color: #e8f4fc;
    --card-bg: rgba(0, 212, 255, 0.03);
    --card-border: rgba(0, 212, 255, 0.12);
    --card-hover-border: rgba(0, 212, 255, 0.4);
    --card-hover-shadow: 0 20px 60px rgba(0, 212, 255, 0.18);
    --card-img-shadow: drop-shadow(0 4px 24px rgba(0, 212, 255, 0.2));
    --card-img-hover-shadow: drop-shadow(0 8px 36px rgba(0, 212, 255, 0.38));
    --card-title-color: #ffffff;
    --card-desc-color: #dce8f2;
    --badge-border: rgba(0, 212, 255, 0.35);
    --badge-bg: rgba(0, 212, 255, 0.1);
    --nav-mobile-bg: rgba(2, 8, 16, 0.96);
    --nav-mobile-border: rgba(0, 212, 255, 0.12);
    --panel-bg: rgba(4, 16, 24, 0.98);
    --panel-border: rgba(0, 212, 255, 0.25);
    --panel-shadow: 0 20px 60px rgba(0, 40, 80, 0.45);
    --cta-gradient: linear-gradient(135deg, #00d4ff 0%, #0088cc 50%, #004466 100%);
    --cta-shadow: 0 8px 40px rgba(0, 212, 255, 0.4);
    --modal-overlay: rgba(2, 8, 16, 0.85);
    --field-bg: rgba(0, 212, 255, 0.06);
    --field-border: rgba(0, 212, 255, 0.18);
}

html[data-theme="deepwater"] body::before {
    animation: deepwaterPulse 12s ease-in-out infinite alternate;
}

@keyframes deepwaterPulse {
    from { opacity: 0.85; }
    to { opacity: 1; }
}

html[data-theme="deepwater"] .page-hero__logo,
html[data-theme="deepwater"] .logo-stage__img {
    filter: drop-shadow(0 0 36px rgba(0, 212, 255, 0.25));
}

@media (min-width: 1068px) {
    html[data-theme="deepwater"] {
        --logo-max: 760px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme="deepwater"] body::before {
        animation: none;
    }
}