/* === AZURE REACH === */
        .reach-azure {
            --reach-primary: #078696;
            --reach-accent: #FF8A63;
            --reach-light: #BFEBE9;
            --reach-background: #078696;
            --reach-text: #BFEBE9;
            --reach-muted: #5BA0A5;
            --reach-highlight: #FF8A63;
            
            --reach-font-heading: 'Island Moments', cursive;
            --reach-font-body: 'Fira Sans', sans-serif;
            --reach-font-decorative: 'Island Moments', cursive;
            
            background-color: var(--reach-background);
            color: var(--reach-text);
        }

        /* Azure: Nautical wax seals */
        .reach-azure .wax-seal::after {
            content: "⚓";
        }

        /* Azure: Wave-like torn edges */
        .reach-azure .artifact-frame.style-torn {
            border: 2px solid var(--reach-accent);
            border-radius: 20px;
            position: relative;
            clip-path: none;
            overflow: hidden;
        }

        .reach-azure .artifact-frame.style-torn::before {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 0;
            right: 0;
            height: 15px;
            background: repeating-linear-gradient(
                90deg,
                var(--reach-accent) 0px,
                var(--reach-accent) 8px,
                transparent 8px,
                transparent 16px
            );
            clip-path: polygon(0% 100%, 5% 0%, 10% 100%, 15% 0%, 20% 100%, 25% 0%, 30% 100%, 35% 0%, 40% 100%, 45% 0%, 50% 100%, 55% 0%, 60% 100%, 65% 0%, 70% 100%, 75% 0%, 80% 100%, 85% 0%, 90% 100%, 95% 0%, 100% 100%);
            opacity: 0.6;
        }

        /* Azure: Ocean spray watermarks */
        .reach-azure .watermark {
            background: radial-gradient(circle, var(--reach-highlight) 2px, transparent 2px),
                        radial-gradient(circle at 25px 15px, var(--reach-accent) 1px, transparent 1px),
                        radial-gradient(circle at 45px 25px, var(--reach-highlight) 1.5px, transparent 1.5px),
                        radial-gradient(circle at 15px 35px, var(--reach-accent) 1px, transparent 1px);
            background-size: 50px 40px;
            opacity: 0.2;
            animation: ocean-drift 6s ease-in-out infinite;
        }

        @keyframes ocean-drift {
            0%, 100% { transform: translateX(0px) translateY(0px); }
            33% { transform: translateX(3px) translateY(-2px); }
            66% { transform: translateX(-2px) translateY(3px); }
        }