:root {
            --ast-global-color-0: #e67e22; /* Primary Action Color */
            --ast-global-color-1: #d35400; /* Hover Color */
            --ast-global-color-2: #2c3e50; /* Titles */
            --ast-global-color-3: #34495e; /* Text Body */
            --ast-global-color-4: #f4f7f6; /* Background */
            --ast-global-color-5: #ffffff; /* Surface */
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
            color: var(--ast-global-color-3);
            background-color: var(--ast-global-color-4);
            scroll-behavior: smooth;
        }

        .btn-primary {
            background-color: var(--ast-global-color-0);
            color: white;
            transition: all 0.3s ease;
        }

        .btn-primary:hover {
            background-color: var(--ast-global-color-1);
            transform: translateY(-2px);
        }

        .section-title {
            color: var(--ast-global-color-2);
            font-weight: 700;
        }

        .card {
            background: var(--ast-global-color-5);
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
        }

        header {
            background: var(--ast-global-color-5);
            border-bottom: 1px solid #eee;
        }

        .hero {
            background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.8)), 
                        url('https://images.unsplash.com/photo-1534483509719-3fee8bf13b58?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
        }

        /* Mobile Menu Transitions */
        #mobile-menu {
            transition: all 0.3s ease-in-out;
            max-height: 0;
            overflow: hidden;
        }
        #mobile-menu.open {
            max-height: 300px;
            padding-bottom: 1rem;
        }