/* Global Primary Button / CTA Styles */
.btn-primary, .join-btn, .view-menu-btn, button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    
    padding: 10px 25px !important;
    height: auto !important;
    border-radius: 8px !important;
    width: auto !important;
    background-color: #333333 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .join-btn:hover, .book-btn:hover, .view-menu-btn:hover, button[type="submit"]:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.btn-primary a, .join-btn a, .book-btn a, .view-menu-btn a {
    color: inherit !important;
    text-decoration: none !important;
}

/* Global Secondary Button Styles */
.btn-secondary, .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    
    padding: 10px 25px !important;
    height: auto !important;
    border-radius: 8px !important;
    width: auto !important;
    background-color: #f0f0f0 !important;
    color: #333333 !important;
}

.btn-secondary:hover, .action-btn:hover {
    background-color: #e0e0e0 !important;
    color: #111111 !important;
}

/* Typography Base Overrides (applied globally except where more specific inline styles exist) */
h1 { font-size: 32px; color: #222222; }
h2 { font-size: 28px; color: #222222; }
h3 { font-size: 24px; color: #333333; }
h4 { font-size: 20px; color: #333333; }
h5 { font-size: 18px; color: #444444; }
h6 { font-size: 16px; color: #444444; }

p {
    font-size: 14px;
    color: #555555;
}

a:not(.btn-primary):not(.btn-secondary):not(.join-btn):not(.book-btn):not(.view-menu-btn):not(.action-btn):not(.sidebar a):not(.nav-menu a) {
    color: #707070;
    transition: color 0.3s;
}

a:not(.btn-primary):not(.btn-secondary):not(.join-btn):not(.book-btn):not(.view-menu-btn):not(.action-btn):not(.sidebar a):not(.nav-menu a):hover {
    color: #383838;
}