// =============================================================================
// 31-modules / sidebar / config
// =============================================================================

@use "../../01-core/external" as *;

$sidebar-config: (
    "menu-width": q(200),
    "transition": 0.3s ease,
    "border-color": var(--ss-color-text, #1a1a1a),
    "control-size": q(20),

    // Accordion tree -------------------------------------------------------
    "header-gap": q(6),
    "header-padding": q(6) q(10),
    "header-hover-bg": rgba(0, 0, 0, 0.04),

    // Level 1 — section label (small caps, heavy)
    "section-font-size": q(12),
    "section-font-weight": 700,
    "section-letter-spacing": 0.06em,

    // Level 2 — group label
    "group-font-size": q(13),
    "group-font-weight": 600,
    "group-color": var(--ss-color-text-muted, #414141),
    "nested-padding-block": q(4),

    // Disclosure icon
    "icon-size": q(12),
    "icon-font-size": q(14),
    "icon-opacity": 0.6,

    // Content indent + guide line
    "content-margin-left": q(14),
    "content-padding": q(2) q(10) q(6) q(8),
    "guide-border": q(1) solid var(--ss-color-border-muted, #e5e5e5),

    // Level 3 — leaf links
    "link-padding": q(3) q(6),
    "link-radius": var(--ss-radius-sm, q(2)),
    "link-font-size": q(13),
    "link-color": var(--ss-color-text-muted, #414141),
    "link-hover-color": var(--ss-color-text-primary, #000000),
    "link-hover-bg": rgba(0, 0, 0, 0.04),

    "description-margin": 0 0 q(4),
    "description-opacity": 0.7,
) !default;