@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* Dynamic font-family classes */
.font-title { font-family: 'kepler-std', sans-serif; }.font-subtitle { font-family: 'Lato', sans-serif; }.font-body { font-family: 'Lato', sans-serif; }
        :root {
            --primary-color: 127, 169, 174;
        }

        /* primary Backgrounds */
        .bg-primary { background-color: rgb(var(--primary-color)); }
        .bg-primary-10 { background-color: rgba(var(--primary-color), 0.1); }.bg-primary-20 { background-color: rgba(var(--primary-color), 0.2); }.bg-primary-30 { background-color: rgba(var(--primary-color), 0.3); }.bg-primary-40 { background-color: rgba(var(--primary-color), 0.4); }.bg-primary-50 { background-color: rgba(var(--primary-color), 0.5); }.bg-primary-60 { background-color: rgba(var(--primary-color), 0.6); }.bg-primary-70 { background-color: rgba(var(--primary-color), 0.7); }.bg-primary-80 { background-color: rgba(var(--primary-color), 0.8); }.bg-primary-90 { background-color: rgba(var(--primary-color), 0.9); }

        /* Hover primary Backgrounds */
        .hover\:bg-primary:hover { background-color: rgb(var(--primary-color)); }
        .hover\:bg-primary-10:hover { background-color: rgba(var(--primary-color), 0.1); }.hover\:bg-primary-20:hover { background-color: rgba(var(--primary-color), 0.2); }.hover\:bg-primary-30:hover { background-color: rgba(var(--primary-color), 0.3); }.hover\:bg-primary-40:hover { background-color: rgba(var(--primary-color), 0.4); }.hover\:bg-primary-50:hover { background-color: rgba(var(--primary-color), 0.5); }.hover\:bg-primary-60:hover { background-color: rgba(var(--primary-color), 0.6); }.hover\:bg-primary-70:hover { background-color: rgba(var(--primary-color), 0.7); }.hover\:bg-primary-80:hover { background-color: rgba(var(--primary-color), 0.8); }.hover\:bg-primary-90:hover { background-color: rgba(var(--primary-color), 0.9); }

        /* primary Text Colors */
        .text-primary { color: rgb(var(--primary-color)); }
        .text-primary-10 { color: rgba(var(--primary-color), 0.1); }.text-primary-20 { color: rgba(var(--primary-color), 0.2); }.text-primary-30 { color: rgba(var(--primary-color), 0.3); }.text-primary-40 { color: rgba(var(--primary-color), 0.4); }.text-primary-50 { color: rgba(var(--primary-color), 0.5); }.text-primary-60 { color: rgba(var(--primary-color), 0.6); }.text-primary-70 { color: rgba(var(--primary-color), 0.7); }.text-primary-80 { color: rgba(var(--primary-color), 0.8); }.text-primary-90 { color: rgba(var(--primary-color), 0.9); }

        /* Hover primary Text Colors */
        .hover\:text-primary:hover { color: rgb(var(--primary-color)); }
        .hover\:text-primary-10:hover { color: rgba(var(--primary-color), 0.1); }.hover\:text-primary-20:hover { color: rgba(var(--primary-color), 0.2); }.hover\:text-primary-30:hover { color: rgba(var(--primary-color), 0.3); }.hover\:text-primary-40:hover { color: rgba(var(--primary-color), 0.4); }.hover\:text-primary-50:hover { color: rgba(var(--primary-color), 0.5); }.hover\:text-primary-60:hover { color: rgba(var(--primary-color), 0.6); }.hover\:text-primary-70:hover { color: rgba(var(--primary-color), 0.7); }.hover\:text-primary-80:hover { color: rgba(var(--primary-color), 0.8); }.hover\:text-primary-90:hover { color: rgba(var(--primary-color), 0.9); }

        /* primary Border Colors */
        .border-primary { border-color: rgb(var(--primary-color)); }
        .border-primary-10 { border-color: rgba(var(--primary-color), 0.1); }.border-primary-20 { border-color: rgba(var(--primary-color), 0.2); }.border-primary-30 { border-color: rgba(var(--primary-color), 0.3); }.border-primary-40 { border-color: rgba(var(--primary-color), 0.4); }.border-primary-50 { border-color: rgba(var(--primary-color), 0.5); }.border-primary-60 { border-color: rgba(var(--primary-color), 0.6); }.border-primary-70 { border-color: rgba(var(--primary-color), 0.7); }.border-primary-80 { border-color: rgba(var(--primary-color), 0.8); }.border-primary-90 { border-color: rgba(var(--primary-color), 0.9); }

        /* Hover primary Border Colors */
        .hover\:border-primary:hover { border-color: rgb(var(--primary-color)); }
        .hover\:border-primary-10:hover { border-color: rgba(var(--primary-color), 0.1); }.hover\:border-primary-20:hover { border-color: rgba(var(--primary-color), 0.2); }.hover\:border-primary-30:hover { border-color: rgba(var(--primary-color), 0.3); }.hover\:border-primary-40:hover { border-color: rgba(var(--primary-color), 0.4); }.hover\:border-primary-50:hover { border-color: rgba(var(--primary-color), 0.5); }.hover\:border-primary-60:hover { border-color: rgba(var(--primary-color), 0.6); }.hover\:border-primary-70:hover { border-color: rgba(var(--primary-color), 0.7); }.hover\:border-primary-80:hover { border-color: rgba(var(--primary-color), 0.8); }.hover\:border-primary-90:hover { border-color: rgba(var(--primary-color), 0.9); }
        
        /* Additional primary utilities can be added similarly */
        
        :root {
            --secondary-color: 95, 105, 128;
        }

        /* secondary Backgrounds */
        .bg-secondary { background-color: rgb(var(--secondary-color)); }
        .bg-secondary-10 { background-color: rgba(var(--secondary-color), 0.1); }.bg-secondary-20 { background-color: rgba(var(--secondary-color), 0.2); }.bg-secondary-30 { background-color: rgba(var(--secondary-color), 0.3); }.bg-secondary-40 { background-color: rgba(var(--secondary-color), 0.4); }.bg-secondary-50 { background-color: rgba(var(--secondary-color), 0.5); }.bg-secondary-60 { background-color: rgba(var(--secondary-color), 0.6); }.bg-secondary-70 { background-color: rgba(var(--secondary-color), 0.7); }.bg-secondary-80 { background-color: rgba(var(--secondary-color), 0.8); }.bg-secondary-90 { background-color: rgba(var(--secondary-color), 0.9); }

        /* Hover secondary Backgrounds */
        .hover\:bg-secondary:hover { background-color: rgb(var(--secondary-color)); }
        .hover\:bg-secondary-10:hover { background-color: rgba(var(--secondary-color), 0.1); }.hover\:bg-secondary-20:hover { background-color: rgba(var(--secondary-color), 0.2); }.hover\:bg-secondary-30:hover { background-color: rgba(var(--secondary-color), 0.3); }.hover\:bg-secondary-40:hover { background-color: rgba(var(--secondary-color), 0.4); }.hover\:bg-secondary-50:hover { background-color: rgba(var(--secondary-color), 0.5); }.hover\:bg-secondary-60:hover { background-color: rgba(var(--secondary-color), 0.6); }.hover\:bg-secondary-70:hover { background-color: rgba(var(--secondary-color), 0.7); }.hover\:bg-secondary-80:hover { background-color: rgba(var(--secondary-color), 0.8); }.hover\:bg-secondary-90:hover { background-color: rgba(var(--secondary-color), 0.9); }

        /* secondary Text Colors */
        .text-secondary { color: rgb(var(--secondary-color)); }
        .text-secondary-10 { color: rgba(var(--secondary-color), 0.1); }.text-secondary-20 { color: rgba(var(--secondary-color), 0.2); }.text-secondary-30 { color: rgba(var(--secondary-color), 0.3); }.text-secondary-40 { color: rgba(var(--secondary-color), 0.4); }.text-secondary-50 { color: rgba(var(--secondary-color), 0.5); }.text-secondary-60 { color: rgba(var(--secondary-color), 0.6); }.text-secondary-70 { color: rgba(var(--secondary-color), 0.7); }.text-secondary-80 { color: rgba(var(--secondary-color), 0.8); }.text-secondary-90 { color: rgba(var(--secondary-color), 0.9); }

        /* Hover secondary Text Colors */
        .hover\:text-secondary:hover { color: rgb(var(--secondary-color)); }
        .hover\:text-secondary-10:hover { color: rgba(var(--secondary-color), 0.1); }.hover\:text-secondary-20:hover { color: rgba(var(--secondary-color), 0.2); }.hover\:text-secondary-30:hover { color: rgba(var(--secondary-color), 0.3); }.hover\:text-secondary-40:hover { color: rgba(var(--secondary-color), 0.4); }.hover\:text-secondary-50:hover { color: rgba(var(--secondary-color), 0.5); }.hover\:text-secondary-60:hover { color: rgba(var(--secondary-color), 0.6); }.hover\:text-secondary-70:hover { color: rgba(var(--secondary-color), 0.7); }.hover\:text-secondary-80:hover { color: rgba(var(--secondary-color), 0.8); }.hover\:text-secondary-90:hover { color: rgba(var(--secondary-color), 0.9); }

        /* secondary Border Colors */
        .border-secondary { border-color: rgb(var(--secondary-color)); }
        .border-secondary-10 { border-color: rgba(var(--secondary-color), 0.1); }.border-secondary-20 { border-color: rgba(var(--secondary-color), 0.2); }.border-secondary-30 { border-color: rgba(var(--secondary-color), 0.3); }.border-secondary-40 { border-color: rgba(var(--secondary-color), 0.4); }.border-secondary-50 { border-color: rgba(var(--secondary-color), 0.5); }.border-secondary-60 { border-color: rgba(var(--secondary-color), 0.6); }.border-secondary-70 { border-color: rgba(var(--secondary-color), 0.7); }.border-secondary-80 { border-color: rgba(var(--secondary-color), 0.8); }.border-secondary-90 { border-color: rgba(var(--secondary-color), 0.9); }

        /* Hover secondary Border Colors */
        .hover\:border-secondary:hover { border-color: rgb(var(--secondary-color)); }
        .hover\:border-secondary-10:hover { border-color: rgba(var(--secondary-color), 0.1); }.hover\:border-secondary-20:hover { border-color: rgba(var(--secondary-color), 0.2); }.hover\:border-secondary-30:hover { border-color: rgba(var(--secondary-color), 0.3); }.hover\:border-secondary-40:hover { border-color: rgba(var(--secondary-color), 0.4); }.hover\:border-secondary-50:hover { border-color: rgba(var(--secondary-color), 0.5); }.hover\:border-secondary-60:hover { border-color: rgba(var(--secondary-color), 0.6); }.hover\:border-secondary-70:hover { border-color: rgba(var(--secondary-color), 0.7); }.hover\:border-secondary-80:hover { border-color: rgba(var(--secondary-color), 0.8); }.hover\:border-secondary-90:hover { border-color: rgba(var(--secondary-color), 0.9); }
        
        /* Additional secondary utilities can be added similarly */
        
        :root {
            --tertiary-color: 211, 188, 141;
        }

        /* tertiary Backgrounds */
        .bg-tertiary { background-color: rgb(var(--tertiary-color)); }
        .bg-tertiary-10 { background-color: rgba(var(--tertiary-color), 0.1); }.bg-tertiary-20 { background-color: rgba(var(--tertiary-color), 0.2); }.bg-tertiary-30 { background-color: rgba(var(--tertiary-color), 0.3); }.bg-tertiary-40 { background-color: rgba(var(--tertiary-color), 0.4); }.bg-tertiary-50 { background-color: rgba(var(--tertiary-color), 0.5); }.bg-tertiary-60 { background-color: rgba(var(--tertiary-color), 0.6); }.bg-tertiary-70 { background-color: rgba(var(--tertiary-color), 0.7); }.bg-tertiary-80 { background-color: rgba(var(--tertiary-color), 0.8); }.bg-tertiary-90 { background-color: rgba(var(--tertiary-color), 0.9); }

        /* Hover tertiary Backgrounds */
        .hover\:bg-tertiary:hover { background-color: rgb(var(--tertiary-color)); }
        .hover\:bg-tertiary-10:hover { background-color: rgba(var(--tertiary-color), 0.1); }.hover\:bg-tertiary-20:hover { background-color: rgba(var(--tertiary-color), 0.2); }.hover\:bg-tertiary-30:hover { background-color: rgba(var(--tertiary-color), 0.3); }.hover\:bg-tertiary-40:hover { background-color: rgba(var(--tertiary-color), 0.4); }.hover\:bg-tertiary-50:hover { background-color: rgba(var(--tertiary-color), 0.5); }.hover\:bg-tertiary-60:hover { background-color: rgba(var(--tertiary-color), 0.6); }.hover\:bg-tertiary-70:hover { background-color: rgba(var(--tertiary-color), 0.7); }.hover\:bg-tertiary-80:hover { background-color: rgba(var(--tertiary-color), 0.8); }.hover\:bg-tertiary-90:hover { background-color: rgba(var(--tertiary-color), 0.9); }

        /* tertiary Text Colors */
        .text-tertiary { color: rgb(var(--tertiary-color)); }
        .text-tertiary-10 { color: rgba(var(--tertiary-color), 0.1); }.text-tertiary-20 { color: rgba(var(--tertiary-color), 0.2); }.text-tertiary-30 { color: rgba(var(--tertiary-color), 0.3); }.text-tertiary-40 { color: rgba(var(--tertiary-color), 0.4); }.text-tertiary-50 { color: rgba(var(--tertiary-color), 0.5); }.text-tertiary-60 { color: rgba(var(--tertiary-color), 0.6); }.text-tertiary-70 { color: rgba(var(--tertiary-color), 0.7); }.text-tertiary-80 { color: rgba(var(--tertiary-color), 0.8); }.text-tertiary-90 { color: rgba(var(--tertiary-color), 0.9); }

        /* Hover tertiary Text Colors */
        .hover\:text-tertiary:hover { color: rgb(var(--tertiary-color)); }
        .hover\:text-tertiary-10:hover { color: rgba(var(--tertiary-color), 0.1); }.hover\:text-tertiary-20:hover { color: rgba(var(--tertiary-color), 0.2); }.hover\:text-tertiary-30:hover { color: rgba(var(--tertiary-color), 0.3); }.hover\:text-tertiary-40:hover { color: rgba(var(--tertiary-color), 0.4); }.hover\:text-tertiary-50:hover { color: rgba(var(--tertiary-color), 0.5); }.hover\:text-tertiary-60:hover { color: rgba(var(--tertiary-color), 0.6); }.hover\:text-tertiary-70:hover { color: rgba(var(--tertiary-color), 0.7); }.hover\:text-tertiary-80:hover { color: rgba(var(--tertiary-color), 0.8); }.hover\:text-tertiary-90:hover { color: rgba(var(--tertiary-color), 0.9); }

        /* tertiary Border Colors */
        .border-tertiary { border-color: rgb(var(--tertiary-color)); }
        .border-tertiary-10 { border-color: rgba(var(--tertiary-color), 0.1); }.border-tertiary-20 { border-color: rgba(var(--tertiary-color), 0.2); }.border-tertiary-30 { border-color: rgba(var(--tertiary-color), 0.3); }.border-tertiary-40 { border-color: rgba(var(--tertiary-color), 0.4); }.border-tertiary-50 { border-color: rgba(var(--tertiary-color), 0.5); }.border-tertiary-60 { border-color: rgba(var(--tertiary-color), 0.6); }.border-tertiary-70 { border-color: rgba(var(--tertiary-color), 0.7); }.border-tertiary-80 { border-color: rgba(var(--tertiary-color), 0.8); }.border-tertiary-90 { border-color: rgba(var(--tertiary-color), 0.9); }

        /* Hover tertiary Border Colors */
        .hover\:border-tertiary:hover { border-color: rgb(var(--tertiary-color)); }
        .hover\:border-tertiary-10:hover { border-color: rgba(var(--tertiary-color), 0.1); }.hover\:border-tertiary-20:hover { border-color: rgba(var(--tertiary-color), 0.2); }.hover\:border-tertiary-30:hover { border-color: rgba(var(--tertiary-color), 0.3); }.hover\:border-tertiary-40:hover { border-color: rgba(var(--tertiary-color), 0.4); }.hover\:border-tertiary-50:hover { border-color: rgba(var(--tertiary-color), 0.5); }.hover\:border-tertiary-60:hover { border-color: rgba(var(--tertiary-color), 0.6); }.hover\:border-tertiary-70:hover { border-color: rgba(var(--tertiary-color), 0.7); }.hover\:border-tertiary-80:hover { border-color: rgba(var(--tertiary-color), 0.8); }.hover\:border-tertiary-90:hover { border-color: rgba(var(--tertiary-color), 0.9); }
        
        /* Additional tertiary utilities can be added similarly */
        
        :root {
            --dark-color: 8, 31, 44;
        }

        /* dark Backgrounds */
        .bg-dark { background-color: rgb(var(--dark-color)); }
        .bg-dark-10 { background-color: rgba(var(--dark-color), 0.1); }.bg-dark-20 { background-color: rgba(var(--dark-color), 0.2); }.bg-dark-30 { background-color: rgba(var(--dark-color), 0.3); }.bg-dark-40 { background-color: rgba(var(--dark-color), 0.4); }.bg-dark-50 { background-color: rgba(var(--dark-color), 0.5); }.bg-dark-60 { background-color: rgba(var(--dark-color), 0.6); }.bg-dark-70 { background-color: rgba(var(--dark-color), 0.7); }.bg-dark-80 { background-color: rgba(var(--dark-color), 0.8); }.bg-dark-90 { background-color: rgba(var(--dark-color), 0.9); }

        /* Hover dark Backgrounds */
        .hover\:bg-dark:hover { background-color: rgb(var(--dark-color)); }
        .hover\:bg-dark-10:hover { background-color: rgba(var(--dark-color), 0.1); }.hover\:bg-dark-20:hover { background-color: rgba(var(--dark-color), 0.2); }.hover\:bg-dark-30:hover { background-color: rgba(var(--dark-color), 0.3); }.hover\:bg-dark-40:hover { background-color: rgba(var(--dark-color), 0.4); }.hover\:bg-dark-50:hover { background-color: rgba(var(--dark-color), 0.5); }.hover\:bg-dark-60:hover { background-color: rgba(var(--dark-color), 0.6); }.hover\:bg-dark-70:hover { background-color: rgba(var(--dark-color), 0.7); }.hover\:bg-dark-80:hover { background-color: rgba(var(--dark-color), 0.8); }.hover\:bg-dark-90:hover { background-color: rgba(var(--dark-color), 0.9); }

        /* dark Text Colors */
        .text-dark { color: rgb(var(--dark-color)); }
        .text-dark-10 { color: rgba(var(--dark-color), 0.1); }.text-dark-20 { color: rgba(var(--dark-color), 0.2); }.text-dark-30 { color: rgba(var(--dark-color), 0.3); }.text-dark-40 { color: rgba(var(--dark-color), 0.4); }.text-dark-50 { color: rgba(var(--dark-color), 0.5); }.text-dark-60 { color: rgba(var(--dark-color), 0.6); }.text-dark-70 { color: rgba(var(--dark-color), 0.7); }.text-dark-80 { color: rgba(var(--dark-color), 0.8); }.text-dark-90 { color: rgba(var(--dark-color), 0.9); }

        /* Hover dark Text Colors */
        .hover\:text-dark:hover { color: rgb(var(--dark-color)); }
        .hover\:text-dark-10:hover { color: rgba(var(--dark-color), 0.1); }.hover\:text-dark-20:hover { color: rgba(var(--dark-color), 0.2); }.hover\:text-dark-30:hover { color: rgba(var(--dark-color), 0.3); }.hover\:text-dark-40:hover { color: rgba(var(--dark-color), 0.4); }.hover\:text-dark-50:hover { color: rgba(var(--dark-color), 0.5); }.hover\:text-dark-60:hover { color: rgba(var(--dark-color), 0.6); }.hover\:text-dark-70:hover { color: rgba(var(--dark-color), 0.7); }.hover\:text-dark-80:hover { color: rgba(var(--dark-color), 0.8); }.hover\:text-dark-90:hover { color: rgba(var(--dark-color), 0.9); }

        /* dark Border Colors */
        .border-dark { border-color: rgb(var(--dark-color)); }
        .border-dark-10 { border-color: rgba(var(--dark-color), 0.1); }.border-dark-20 { border-color: rgba(var(--dark-color), 0.2); }.border-dark-30 { border-color: rgba(var(--dark-color), 0.3); }.border-dark-40 { border-color: rgba(var(--dark-color), 0.4); }.border-dark-50 { border-color: rgba(var(--dark-color), 0.5); }.border-dark-60 { border-color: rgba(var(--dark-color), 0.6); }.border-dark-70 { border-color: rgba(var(--dark-color), 0.7); }.border-dark-80 { border-color: rgba(var(--dark-color), 0.8); }.border-dark-90 { border-color: rgba(var(--dark-color), 0.9); }

        /* Hover dark Border Colors */
        .hover\:border-dark:hover { border-color: rgb(var(--dark-color)); }
        .hover\:border-dark-10:hover { border-color: rgba(var(--dark-color), 0.1); }.hover\:border-dark-20:hover { border-color: rgba(var(--dark-color), 0.2); }.hover\:border-dark-30:hover { border-color: rgba(var(--dark-color), 0.3); }.hover\:border-dark-40:hover { border-color: rgba(var(--dark-color), 0.4); }.hover\:border-dark-50:hover { border-color: rgba(var(--dark-color), 0.5); }.hover\:border-dark-60:hover { border-color: rgba(var(--dark-color), 0.6); }.hover\:border-dark-70:hover { border-color: rgba(var(--dark-color), 0.7); }.hover\:border-dark-80:hover { border-color: rgba(var(--dark-color), 0.8); }.hover\:border-dark-90:hover { border-color: rgba(var(--dark-color), 0.9); }
        
        /* Additional dark utilities can be added similarly */
        
        :root {
            --light-color: 209, 221, 230;
        }

        /* light Backgrounds */
        .bg-light { background-color: rgb(var(--light-color)); }
        .bg-light-10 { background-color: rgba(var(--light-color), 0.1); }.bg-light-20 { background-color: rgba(var(--light-color), 0.2); }.bg-light-30 { background-color: rgba(var(--light-color), 0.3); }.bg-light-40 { background-color: rgba(var(--light-color), 0.4); }.bg-light-50 { background-color: rgba(var(--light-color), 0.5); }.bg-light-60 { background-color: rgba(var(--light-color), 0.6); }.bg-light-70 { background-color: rgba(var(--light-color), 0.7); }.bg-light-80 { background-color: rgba(var(--light-color), 0.8); }.bg-light-90 { background-color: rgba(var(--light-color), 0.9); }

        /* Hover light Backgrounds */
        .hover\:bg-light:hover { background-color: rgb(var(--light-color)); }
        .hover\:bg-light-10:hover { background-color: rgba(var(--light-color), 0.1); }.hover\:bg-light-20:hover { background-color: rgba(var(--light-color), 0.2); }.hover\:bg-light-30:hover { background-color: rgba(var(--light-color), 0.3); }.hover\:bg-light-40:hover { background-color: rgba(var(--light-color), 0.4); }.hover\:bg-light-50:hover { background-color: rgba(var(--light-color), 0.5); }.hover\:bg-light-60:hover { background-color: rgba(var(--light-color), 0.6); }.hover\:bg-light-70:hover { background-color: rgba(var(--light-color), 0.7); }.hover\:bg-light-80:hover { background-color: rgba(var(--light-color), 0.8); }.hover\:bg-light-90:hover { background-color: rgba(var(--light-color), 0.9); }

        /* light Text Colors */
        .text-light { color: rgb(var(--light-color)); }
        .text-light-10 { color: rgba(var(--light-color), 0.1); }.text-light-20 { color: rgba(var(--light-color), 0.2); }.text-light-30 { color: rgba(var(--light-color), 0.3); }.text-light-40 { color: rgba(var(--light-color), 0.4); }.text-light-50 { color: rgba(var(--light-color), 0.5); }.text-light-60 { color: rgba(var(--light-color), 0.6); }.text-light-70 { color: rgba(var(--light-color), 0.7); }.text-light-80 { color: rgba(var(--light-color), 0.8); }.text-light-90 { color: rgba(var(--light-color), 0.9); }

        /* Hover light Text Colors */
        .hover\:text-light:hover { color: rgb(var(--light-color)); }
        .hover\:text-light-10:hover { color: rgba(var(--light-color), 0.1); }.hover\:text-light-20:hover { color: rgba(var(--light-color), 0.2); }.hover\:text-light-30:hover { color: rgba(var(--light-color), 0.3); }.hover\:text-light-40:hover { color: rgba(var(--light-color), 0.4); }.hover\:text-light-50:hover { color: rgba(var(--light-color), 0.5); }.hover\:text-light-60:hover { color: rgba(var(--light-color), 0.6); }.hover\:text-light-70:hover { color: rgba(var(--light-color), 0.7); }.hover\:text-light-80:hover { color: rgba(var(--light-color), 0.8); }.hover\:text-light-90:hover { color: rgba(var(--light-color), 0.9); }

        /* light Border Colors */
        .border-light { border-color: rgb(var(--light-color)); }
        .border-light-10 { border-color: rgba(var(--light-color), 0.1); }.border-light-20 { border-color: rgba(var(--light-color), 0.2); }.border-light-30 { border-color: rgba(var(--light-color), 0.3); }.border-light-40 { border-color: rgba(var(--light-color), 0.4); }.border-light-50 { border-color: rgba(var(--light-color), 0.5); }.border-light-60 { border-color: rgba(var(--light-color), 0.6); }.border-light-70 { border-color: rgba(var(--light-color), 0.7); }.border-light-80 { border-color: rgba(var(--light-color), 0.8); }.border-light-90 { border-color: rgba(var(--light-color), 0.9); }

        /* Hover light Border Colors */
        .hover\:border-light:hover { border-color: rgb(var(--light-color)); }
        .hover\:border-light-10:hover { border-color: rgba(var(--light-color), 0.1); }.hover\:border-light-20:hover { border-color: rgba(var(--light-color), 0.2); }.hover\:border-light-30:hover { border-color: rgba(var(--light-color), 0.3); }.hover\:border-light-40:hover { border-color: rgba(var(--light-color), 0.4); }.hover\:border-light-50:hover { border-color: rgba(var(--light-color), 0.5); }.hover\:border-light-60:hover { border-color: rgba(var(--light-color), 0.6); }.hover\:border-light-70:hover { border-color: rgba(var(--light-color), 0.7); }.hover\:border-light-80:hover { border-color: rgba(var(--light-color), 0.8); }.hover\:border-light-90:hover { border-color: rgba(var(--light-color), 0.9); }
        
        /* Additional light utilities can be added similarly */
        
        :root {
            --text-light-color: 95, 105, 128;
        }

        /* text-light Backgrounds */
        .bg-text-light { background-color: rgb(var(--text-light-color)); }
        .bg-text-light-10 { background-color: rgba(var(--text-light-color), 0.1); }.bg-text-light-20 { background-color: rgba(var(--text-light-color), 0.2); }.bg-text-light-30 { background-color: rgba(var(--text-light-color), 0.3); }.bg-text-light-40 { background-color: rgba(var(--text-light-color), 0.4); }.bg-text-light-50 { background-color: rgba(var(--text-light-color), 0.5); }.bg-text-light-60 { background-color: rgba(var(--text-light-color), 0.6); }.bg-text-light-70 { background-color: rgba(var(--text-light-color), 0.7); }.bg-text-light-80 { background-color: rgba(var(--text-light-color), 0.8); }.bg-text-light-90 { background-color: rgba(var(--text-light-color), 0.9); }

        /* Hover text-light Backgrounds */
        .hover\:bg-text-light:hover { background-color: rgb(var(--text-light-color)); }
        .hover\:bg-text-light-10:hover { background-color: rgba(var(--text-light-color), 0.1); }.hover\:bg-text-light-20:hover { background-color: rgba(var(--text-light-color), 0.2); }.hover\:bg-text-light-30:hover { background-color: rgba(var(--text-light-color), 0.3); }.hover\:bg-text-light-40:hover { background-color: rgba(var(--text-light-color), 0.4); }.hover\:bg-text-light-50:hover { background-color: rgba(var(--text-light-color), 0.5); }.hover\:bg-text-light-60:hover { background-color: rgba(var(--text-light-color), 0.6); }.hover\:bg-text-light-70:hover { background-color: rgba(var(--text-light-color), 0.7); }.hover\:bg-text-light-80:hover { background-color: rgba(var(--text-light-color), 0.8); }.hover\:bg-text-light-90:hover { background-color: rgba(var(--text-light-color), 0.9); }

        /* text-light Text Colors */
        .text-text-light { color: rgb(var(--text-light-color)); }
        .text-text-light-10 { color: rgba(var(--text-light-color), 0.1); }.text-text-light-20 { color: rgba(var(--text-light-color), 0.2); }.text-text-light-30 { color: rgba(var(--text-light-color), 0.3); }.text-text-light-40 { color: rgba(var(--text-light-color), 0.4); }.text-text-light-50 { color: rgba(var(--text-light-color), 0.5); }.text-text-light-60 { color: rgba(var(--text-light-color), 0.6); }.text-text-light-70 { color: rgba(var(--text-light-color), 0.7); }.text-text-light-80 { color: rgba(var(--text-light-color), 0.8); }.text-text-light-90 { color: rgba(var(--text-light-color), 0.9); }

        /* Hover text-light Text Colors */
        .hover\:text-text-light:hover { color: rgb(var(--text-light-color)); }
        .hover\:text-text-light-10:hover { color: rgba(var(--text-light-color), 0.1); }.hover\:text-text-light-20:hover { color: rgba(var(--text-light-color), 0.2); }.hover\:text-text-light-30:hover { color: rgba(var(--text-light-color), 0.3); }.hover\:text-text-light-40:hover { color: rgba(var(--text-light-color), 0.4); }.hover\:text-text-light-50:hover { color: rgba(var(--text-light-color), 0.5); }.hover\:text-text-light-60:hover { color: rgba(var(--text-light-color), 0.6); }.hover\:text-text-light-70:hover { color: rgba(var(--text-light-color), 0.7); }.hover\:text-text-light-80:hover { color: rgba(var(--text-light-color), 0.8); }.hover\:text-text-light-90:hover { color: rgba(var(--text-light-color), 0.9); }

        /* text-light Border Colors */
        .border-text-light { border-color: rgb(var(--text-light-color)); }
        .border-text-light-10 { border-color: rgba(var(--text-light-color), 0.1); }.border-text-light-20 { border-color: rgba(var(--text-light-color), 0.2); }.border-text-light-30 { border-color: rgba(var(--text-light-color), 0.3); }.border-text-light-40 { border-color: rgba(var(--text-light-color), 0.4); }.border-text-light-50 { border-color: rgba(var(--text-light-color), 0.5); }.border-text-light-60 { border-color: rgba(var(--text-light-color), 0.6); }.border-text-light-70 { border-color: rgba(var(--text-light-color), 0.7); }.border-text-light-80 { border-color: rgba(var(--text-light-color), 0.8); }.border-text-light-90 { border-color: rgba(var(--text-light-color), 0.9); }

        /* Hover text-light Border Colors */
        .hover\:border-text-light:hover { border-color: rgb(var(--text-light-color)); }
        .hover\:border-text-light-10:hover { border-color: rgba(var(--text-light-color), 0.1); }.hover\:border-text-light-20:hover { border-color: rgba(var(--text-light-color), 0.2); }.hover\:border-text-light-30:hover { border-color: rgba(var(--text-light-color), 0.3); }.hover\:border-text-light-40:hover { border-color: rgba(var(--text-light-color), 0.4); }.hover\:border-text-light-50:hover { border-color: rgba(var(--text-light-color), 0.5); }.hover\:border-text-light-60:hover { border-color: rgba(var(--text-light-color), 0.6); }.hover\:border-text-light-70:hover { border-color: rgba(var(--text-light-color), 0.7); }.hover\:border-text-light-80:hover { border-color: rgba(var(--text-light-color), 0.8); }.hover\:border-text-light-90:hover { border-color: rgba(var(--text-light-color), 0.9); }
        
        /* Additional text-light utilities can be added similarly */
        
        :root {
            --text-dark-color: 209, 221, 230;
        }

        /* text-dark Backgrounds */
        .bg-text-dark { background-color: rgb(var(--text-dark-color)); }
        .bg-text-dark-10 { background-color: rgba(var(--text-dark-color), 0.1); }.bg-text-dark-20 { background-color: rgba(var(--text-dark-color), 0.2); }.bg-text-dark-30 { background-color: rgba(var(--text-dark-color), 0.3); }.bg-text-dark-40 { background-color: rgba(var(--text-dark-color), 0.4); }.bg-text-dark-50 { background-color: rgba(var(--text-dark-color), 0.5); }.bg-text-dark-60 { background-color: rgba(var(--text-dark-color), 0.6); }.bg-text-dark-70 { background-color: rgba(var(--text-dark-color), 0.7); }.bg-text-dark-80 { background-color: rgba(var(--text-dark-color), 0.8); }.bg-text-dark-90 { background-color: rgba(var(--text-dark-color), 0.9); }

        /* Hover text-dark Backgrounds */
        .hover\:bg-text-dark:hover { background-color: rgb(var(--text-dark-color)); }
        .hover\:bg-text-dark-10:hover { background-color: rgba(var(--text-dark-color), 0.1); }.hover\:bg-text-dark-20:hover { background-color: rgba(var(--text-dark-color), 0.2); }.hover\:bg-text-dark-30:hover { background-color: rgba(var(--text-dark-color), 0.3); }.hover\:bg-text-dark-40:hover { background-color: rgba(var(--text-dark-color), 0.4); }.hover\:bg-text-dark-50:hover { background-color: rgba(var(--text-dark-color), 0.5); }.hover\:bg-text-dark-60:hover { background-color: rgba(var(--text-dark-color), 0.6); }.hover\:bg-text-dark-70:hover { background-color: rgba(var(--text-dark-color), 0.7); }.hover\:bg-text-dark-80:hover { background-color: rgba(var(--text-dark-color), 0.8); }.hover\:bg-text-dark-90:hover { background-color: rgba(var(--text-dark-color), 0.9); }

        /* text-dark Text Colors */
        .text-text-dark { color: rgb(var(--text-dark-color)); }
        .text-text-dark-10 { color: rgba(var(--text-dark-color), 0.1); }.text-text-dark-20 { color: rgba(var(--text-dark-color), 0.2); }.text-text-dark-30 { color: rgba(var(--text-dark-color), 0.3); }.text-text-dark-40 { color: rgba(var(--text-dark-color), 0.4); }.text-text-dark-50 { color: rgba(var(--text-dark-color), 0.5); }.text-text-dark-60 { color: rgba(var(--text-dark-color), 0.6); }.text-text-dark-70 { color: rgba(var(--text-dark-color), 0.7); }.text-text-dark-80 { color: rgba(var(--text-dark-color), 0.8); }.text-text-dark-90 { color: rgba(var(--text-dark-color), 0.9); }

        /* Hover text-dark Text Colors */
        .hover\:text-text-dark:hover { color: rgb(var(--text-dark-color)); }
        .hover\:text-text-dark-10:hover { color: rgba(var(--text-dark-color), 0.1); }.hover\:text-text-dark-20:hover { color: rgba(var(--text-dark-color), 0.2); }.hover\:text-text-dark-30:hover { color: rgba(var(--text-dark-color), 0.3); }.hover\:text-text-dark-40:hover { color: rgba(var(--text-dark-color), 0.4); }.hover\:text-text-dark-50:hover { color: rgba(var(--text-dark-color), 0.5); }.hover\:text-text-dark-60:hover { color: rgba(var(--text-dark-color), 0.6); }.hover\:text-text-dark-70:hover { color: rgba(var(--text-dark-color), 0.7); }.hover\:text-text-dark-80:hover { color: rgba(var(--text-dark-color), 0.8); }.hover\:text-text-dark-90:hover { color: rgba(var(--text-dark-color), 0.9); }

        /* text-dark Border Colors */
        .border-text-dark { border-color: rgb(var(--text-dark-color)); }
        .border-text-dark-10 { border-color: rgba(var(--text-dark-color), 0.1); }.border-text-dark-20 { border-color: rgba(var(--text-dark-color), 0.2); }.border-text-dark-30 { border-color: rgba(var(--text-dark-color), 0.3); }.border-text-dark-40 { border-color: rgba(var(--text-dark-color), 0.4); }.border-text-dark-50 { border-color: rgba(var(--text-dark-color), 0.5); }.border-text-dark-60 { border-color: rgba(var(--text-dark-color), 0.6); }.border-text-dark-70 { border-color: rgba(var(--text-dark-color), 0.7); }.border-text-dark-80 { border-color: rgba(var(--text-dark-color), 0.8); }.border-text-dark-90 { border-color: rgba(var(--text-dark-color), 0.9); }

        /* Hover text-dark Border Colors */
        .hover\:border-text-dark:hover { border-color: rgb(var(--text-dark-color)); }
        .hover\:border-text-dark-10:hover { border-color: rgba(var(--text-dark-color), 0.1); }.hover\:border-text-dark-20:hover { border-color: rgba(var(--text-dark-color), 0.2); }.hover\:border-text-dark-30:hover { border-color: rgba(var(--text-dark-color), 0.3); }.hover\:border-text-dark-40:hover { border-color: rgba(var(--text-dark-color), 0.4); }.hover\:border-text-dark-50:hover { border-color: rgba(var(--text-dark-color), 0.5); }.hover\:border-text-dark-60:hover { border-color: rgba(var(--text-dark-color), 0.6); }.hover\:border-text-dark-70:hover { border-color: rgba(var(--text-dark-color), 0.7); }.hover\:border-text-dark-80:hover { border-color: rgba(var(--text-dark-color), 0.8); }.hover\:border-text-dark-90:hover { border-color: rgba(var(--text-dark-color), 0.9); }
        
        /* Additional text-dark utilities can be added similarly */
        /* Button Base Styles */
.wp-block-button__link {
    padding: 0.75rem 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.2s;
    white-space: nowrap;
    border-radius: 5rem;
    font-weight: 500;
    text-decoration: none !important;
}

/* Button Sizes */
.wp-block-button__link.btn-small {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}

/* Button Variants */
.wp-block-button__link.btn-outlined {
    background-color: transparent !important;
    border: 1px solid currentColor !important;
}

.wp-block-button__link.btn-text {
    background-color: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.wp-block-button__link.btn-text.btn-simple {
    padding: 0;
    text-decoration: underline !important;
    text-decoration: none !important;
}

/* Color-Specific Button Classes */

.wp-block-button__link.btn-primary {
    background-color: rgb(var(--primary-color));
    color: white;
}
.wp-block-button__link.btn-primary:hover {
    background-color: rgb(var(--secondary-color));
}
.wp-block-button__link.btn-primary.btn-outlined {
    border-color: rgb(var(--primary-color));
    color: rgb(var(--primary-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-primary.btn-outlined:hover {
    background-color: transparent !important;
    color: rgb(var(--secondary-color));
    border-color: rgb(var(--secondary-color)); 
}
.wp-block-button__link.btn-primary.btn-text {
    color: rgb(var(--primary-color));
}

/* Dark Button */
.wp-block-button__link.btn-dark {
    background-color: rgb(var(--dark-color));
    color: white;
}
.wp-block-button__link.btn-dark:hover {
    background-color: rgb(var(--tertiary-color));
}
.wp-block-button__link.btn-dark.btn-outlined {
    border-color: rgb(var(--dark-color));
    color: rgb(var(--dark-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-dark.btn-outlined:hover {
    background-color: rgb(var(--tertiary-color));
    color: rgb(var(--tertiary-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-dark.btn-text {
    color: rgb(var(--dark-color));
}

/* Secondary Button */
.wp-block-button__link.btn-secondary {
    background-color: rgb(var(--secondary-color));
    color: white;
}
.wp-block-button__link.btn-secondary:hover {
    background-color: rgb(var(--secondary-color));
}
.wp-block-button__link.btn-secondary.btn-outlined {
    border-color: rgb(var(--secondary-color));
    color: rgb(var(--secondary-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-secondary.btn-outlined:hover {
    border-color: rgb(var(--secondary-color));
    color: rgb(var(--secondary-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-secondary.btn-text {
    color: rgb(var(--secondary-color));
}

/* Black Button */
.wp-block-button__link.btn-black {
    background-color: black;
    color: white;
}
.wp-block-button__link.btn-black:hover {
    background-color: black;
}
.wp-block-button__link.btn-black.btn-outlined {
    border-color: black;
    color: black;
    background-color: transparent !important;
}
.wp-block-button__link.btn-black.btn-outlined:hover {
    border-color: rgb(var(--dark-color));
    color: rgb(var(--dark-color));
    background-color: transparent !important;
}
.wp-block-button__link.btn-black.btn-text {
    color: black;
}

/* White Button */
.wp-block-button__link.btn-white {
    background-color: white;
    color: black;
}
.wp-block-button__link.btn-white:hover {
    background-color: white;
}
.wp-block-button__link.btn-white.btn-outlined {
    border-color: white;
    color: white;
    background-color: transparent !important;
}
.wp-block-button__link.btn-white.btn-outlined:hover {
    border-color: rgb(var(--light-color));
    color: rgb(var(--light-color));
}
.wp-block-button__link.btn-white.btn-text {
    color: white;
}

/* Light Button */
.wp-block-button__link.btn-light {
    background-color: rgb(var(--light-color));
    color: black;
}
.wp-block-button__link.btn-light:hover {
    color:white;
    background-color: rgb(var(--primary-color));
}
.wp-block-button__link.btn-light.btn-outlined {
    border-color: rgb(var(--light-color));
    color: rgb(var(--light-color));
}
.wp-block-button__link.btn-light.btn-outlined:hover {
    background-color: rgb(var(--primary-color));
    color: rgb(var(--primary-color));
}
.wp-block-button__link.btn-light.btn-text {
    color: rgb(var(--light-color));
}

/* Specific Block Button Styles */
.wp-block-buttons.btn-dark .wp-block-button a {
    background-color: rgb(var(--dark-color));
    color: white;
}
.wp-block-buttons.btn-dark .wp-block-button a:hover {
    background-color: rgb(var(--tertiary-color));
}

/* Notification and Callout Styles */
#message.updated {
    background-color: rgb(var(--primary-color));
    color: white;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
}

#message.updated p {
    margin: 0;
}

#submit-event-callout {
    background-color: white;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-top: 2rem;
}

#submit-event-callout .wp-block-button a {
    margin-top: 1rem;
    color: white;
    padding: 1rem 2rem;
    display: block;
}

footer .menu {
    color: rgb(var(--primary-color));
    font-size: 1rem;
 
}
#primary-menu .sub-menu {
    background: rgb(var(--primary-color));
}
footer .menu > li > a {
    margin-bottom: .4rem;
    text-decoration: none;
    font-size: 1rem;
     line-height: 1;
    color: rgb(var(--primary-color));
    pointer-events: none;
    cursor:default;
    position:relative;
    display:block;
    letter-spacing:.1rem;
    font-weight: 400;
}
 
footer .menu .sub-menu li a {
    font-size: 1rem;
    display: block;
    text-decoration: none;
    color: rgb(var(--text-dark-color));
     margin-bottom: .4rem;
    font-weight: 400;
    cursor:pointer;
    pointer-events:auto;
    text-transform:none;
    letter-spacing:normal;
}

footer .menu .sub-menu li a:hover {
    text-decoration: underline;
}


#mega-menu .menu {
    color: rgb(var(--primary-color));
    font-size: 1rem;
 
}

#mega-menu .menu > li > a {
    margin-bottom: 1rem;
    text-decoration: none;
    font-size: 1rem;
     line-height: 1;
    color: rgb(var(--primary-color));
    pointer-events: none;
    cursor:default;
    position:relative;
    display:block;
    letter-spacing:.1rem;
    font-weight: 400;
}
 
#mega-menu .menu .sub-menu li a {
    font-size: 1rem;
    display: block;
    text-decoration: none;
    color: rgb(var(--text-dark-color));
     margin-bottom: .4rem;
    font-weight: 400;
    cursor:pointer;
    pointer-events:auto;
    text-transform:none;
    letter-spacing:normal;
}

footer .menu .sub-menu li a:hover {
    text-decoration: underline;
}

.started-scrolling #primary-menu li a {
    color: rgb(var(--text-light-color));
}
.started-scrolling #primary-menu li a:hover {
    color: rgb(var(--primary-color));
}