:root {
            --color-navy: #0A192F;
            --color-sand: #C3A370;
            --color-sand-light: #E8DCC4;
            --color-pearl: #F8F9FA;
            --color-slate: #2B2D42;
            --color-green: #2D5A27;
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: var(--color-pearl);
            color: var(--color-slate);
            line-height: 1.6;
            overflow-x: hidden;
        }

        
        .bg-navy { background-color: var(--color-navy); }
        .bg-sand { background-color: var(--color-sand); }
        .bg-pearl { background-color: var(--color-pearl); }
        .text-navy { color: var(--color-navy); }
        .text-sand { color: var(--color-sand); }
        
        
        .soft-shadow {
            box-shadow: 0 10px 40px rgba(10, 25, 47, 0.05);
        }

        
        .bg-layer-wrapper {
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        .bg-layer-img {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            object-fit: cover;
            z-index: -1;
            opacity: 0.05; 
        }

        
        .deco-circle {
            position: absolute;
            border-radius: 50%;
            background-color: var(--color-sand-light);
            z-index: -1;
            opacity: 0.3;
        }
        .deco-line {
            width: 60px;
            height: 3px;
            background-color: var(--color-sand);
            margin: 1.5rem 0;
        }

        
        details > summary {
            list-style: none;
            cursor: pointer;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        
        
        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .hover-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 40px rgba(10, 25, 47, 0.1);
        }
