:root {
            /* Core Brand Colors - DCS Blue & Black Palette */
            --background: 0 0% 100%;
            --foreground: 0 0% 10%; /* Darker black text */
            
            --card: 0 0% 100%;
            --card-foreground: 0 0% 10%;

            --primary: 0 0% 6%; /* Logo Black #0F0F0F */
            --primary-foreground: 0 0% 100%;

            --secondary: 210 20% 96%; /* Cool Light Gray */
            --secondary-foreground: 0 0% 10%;

            --muted: 210 20% 96%;
            --muted-foreground: 215 15% 45%;

            /* ACCENT: DCS Roof Blue (#1C64B6) */
            --accent: 212 73% 41%; 
            --accent-foreground: 0 0% 100%; /* White text on blue buttons */

            --destructive: 0 84% 60%;
            --destructive-foreground: 0 0% 100%;

            --border: 210 15% 90%;
            --input: 210 15% 90%;
            --ring: 212 73% 41%; /* Focus rings are now blue */
            --radius: 0.5rem;

            /* Mapped Variables (Gold -> Blue) */
            /* This ensures gradients and highlights use the new brand color */
            --gold: 212 73% 41%;        /* DCS Blue */
            --gold-light: 212 73% 55%;  /* Lighter Blue */
            --gold-dark: 212 73% 30%;   /* Darker Blue */
            
            --charcoal: 0 0% 6%;        /* Logo Black */
            --charcoal-light: 0 0% 15%; /* Dark Gray */
            --charcoal-dark: 0 0% 0%;   /* Pure Black */
            
            /* Shadows - Tinted Blue instead of Gold */
            --shadow-gold: 0 10px 40px -10px hsl(212 73% 41% / 0.3);
            --shadow-elegant: 0 25px 50px -12px hsl(0 0% 0% / 0.35);
            --shadow-card: 0 4px 20px hsl(0 0% 0% / 0.08);
        }

        /* Utilities */
        /* Updated Gradient to Blue */
        .bg-gradient-gold {
            background: linear-gradient(135deg, hsl(212 73% 41%), hsl(212 73% 30%));
        }
        .shadow-gold {
            box-shadow: var(--shadow-gold);
        }
        .shadow-elegant {
            box-shadow: var(--shadow-elegant);
        }
        
        /* Smooth Scrolling */
        html { scroll-behavior: smooth; }
        
        /* Typography defaults */
        h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }
        body { font-family: 'Inter', sans-serif; }

.shadow-card { box-shadow: var(--shadow-card); }

.portfolio-item {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

.portfolio-item.hidden {
            display: none;
            opacity: 0;
            transform: scale(0.95);
        }

.filter-btn.active {
            background-color: hsl(var(--accent));
            color: white;
            border-color: hsl(var(--accent));
        }