/* Base layout styles */
body { font-family: 'Outfit', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; }
.nav-link.active {
    color: #4766E5 !important;
    background-color: #EFF1FE !important;
}

/* Playground results tab styles */
nav[role="tablist"] .tab-btn {
    color: #9ca3af;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
    cursor: pointer;
}
nav[role="tablist"] .tab-btn:hover {
    color: #4766E5;
    background-color: rgba(239, 241, 254, 0.5);
}
nav[role="tablist"] .tab-btn.active {
    color: #4766E5;
    border-bottom-color: #4766E5;
    background-color: #EFF1FE;
}