/*
Theme Name: Fluid Architect
Author: ZaikoTech
Description: Custom theme based on The Fluid Architect Design System. Pairs a deep navy / high-energy blue palette with Manrope + Inter typography, glassmorphism, and wave-driven tonal transitions.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: fluid-architect
*/

/* Layout helpers extracted from code.html */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.editorial-shadow {
    box-shadow: 0 24px 48px -12px rgba(25, 28, 30, 0.06);
}

.wave-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    overflow: hidden;
    line-height: 0;
}

.wave-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100%;
    animation: move-wave 20s linear infinite;
}

.wave-layer-1 { opacity: 0.3; animation-duration: 15s; }
.wave-layer-2 { opacity: 0.5; animation-duration: 25s; animation-direction: reverse; }
.wave-layer-3 { opacity: 1; animation-duration: 20s; }

@keyframes move-wave {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}