/* Base Styles: Pearl White Canvas, Charcoal Black Contrast */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f8f8; /* Soft Pearl White */
            color: #1a1a1a; /* Charcoal Black */
            overflow-x: hidden;
        }
        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
            color: #1a1a1a;
        }

        /* Accent Colors */
        .text-terracotta { color: #cc7755; }
        .bg-terracotta { background-color: #cc7755; }
        .border-terracotta { border-color: #cc7755; }
        .text-olive { color: #6b8e23; }
        .text-gold { color: #daa520; } /* Brushed Gold */
        .border-gold { border-color: #daa520; }
        
        /* Premium Button Style */
        .btn-premium {
            background-color: #1a1a1a;
            color: #f0f0f0;
            border: 2px solid transparent;
            transition: all 0.3s ease;
        }
        .btn-premium:hover {
            background-color: #333333;
            box-shadow: 0 4px 15px rgba(26, 26, 26, 0.2);
            transform: translateY(-1px);
        }
        
        /* Accent Button Style (Terracotta) */
        .btn-accent {
            background-color: #cc7755;
            color: #1a1a1a;
            transition: all 0.3s ease;
        }
        .btn-accent:hover {
            background-color: #e08966;
            box-shadow: 0 4px 15px rgba(204, 119, 85, 0.4);
            transform: scale(1.02);
        }

        /* Card/Gallery Hover Effect (Subtle zoom and shadow) */
        .card-elegant {
            transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
            border: 1px solid #e0e0e0;
        }
        .card-elegant:hover {
            transform: scale(1.02);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        /* Magazine Layout: Subtle text shadow for editorial feel */
        .editorial-headline {
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
        }

        /* Modal Styles */
        .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 99;
            display: none;
            justify-content: center;
            align-items: center;
        }
        .modal-content {
            background-color: #f8f8f8;
            border: 3px solid #cc7755;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            color: #1a1a1a;
        }