/* =============================================
   Survey Overrides — DS-011 bridge layer
   Maps legacy survey tokens → uniek.css brand tokens.
   Remove this file when Stap 6 (token rename) is done.
   ============================================= */

:root {
    /* --- Legacy surface aliases --- */
    --bg:      var(--brand-bg);
    --bg-alt:  var(--brand-surface);

    /* --- Legacy text aliases --- */
    --text:       var(--brand-text);
    --text-muted: var(--brand-text-muted);
    --text-light: var(--brand-text-faint);

    /* --- Legacy border alias --- */
    --border: var(--brand-border);

    /* --- Legacy font alias --- */
    --font-sans: var(--brand-font);
    --font-mono: var(--brand-font-mono);

    /* --- Legacy primary scale (mapped to brand-primary) --- */
    --primary-50:  rgba(170, 202, 56, 0.08);
    --primary-100: rgba(170, 202, 56, 0.15);
    --primary-200: rgba(170, 202, 56, 0.28);
    --primary-300: rgba(170, 202, 56, 0.50);
    --primary-400: rgba(170, 202, 56, 0.72);
    --primary-500: var(--brand-primary);        /* #AACA38 */
    --primary-600: var(--brand-primary-strong); /* #8BA22D */
    --primary-700: #6D7E23;

    /* --- Legacy gray scale (dark-mode approximations) --- */
    --gray-50:  #2A2A3E;   /* ≈ brand-surface */
    --gray-100: #313148;
    --gray-200: var(--brand-border);
    --gray-300: var(--brand-border-strong);
    --gray-400: var(--brand-text-faint);
    --gray-500: var(--brand-text-muted);
    --gray-600: #AEAEC0;
    --gray-700: #C8C8D8;
    --gray-800: var(--brand-text);

    /* --- Legacy semantic aliases --- */
    --success:       var(--brand-success);
    --success-light: var(--brand-success-soft);
    --danger:        var(--brand-danger);
    --danger-light:  var(--brand-danger-soft);
    --warning:       var(--brand-warning);
    --warning-light: var(--brand-warning-soft);
    --info:          var(--brand-info);
    --info-light:    var(--brand-info-soft);

    /* --- Legacy radius alias --- */
    --radius-full: var(--radius-pill);

    /* --- Legacy transition alias (was 150ms, now 180ms) --- */
    /* --transition is already defined in uniek.css */
}

/* ── Survey header app-nav (center zone) ─────────────────────────────── */
.survey-nav-links {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    list-style: none;
    margin: 0;
    padding: 0;
}
.survey-nav-link {
    color: var(--brand-text-muted);
    font-size: var(--text-sm);
    font-weight: 500;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--transition-fast), color var(--transition-fast);
}
.survey-nav-link:hover {
    background: var(--brand-surface);
    color: var(--brand-text);
    text-decoration: none;
}
.survey-nav-link--active {
    background: var(--brand-primary-soft);
    color: var(--brand-primary);
    font-weight: 600;
}

/* Mobile: nav panel shows links stacked */
@media (max-width: 639px) {
    .survey-nav-links {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 2px;
    }
    .survey-nav-link {
        width: 100%;
        padding: 10px 4px;
        font-size: var(--text-base);
        border-radius: 0;
        border-bottom: 1px solid var(--brand-border);
    }
    .survey-nav-link:last-child { border-bottom: none; }
}