/*
 * Detective Files
 * CSS Variables — Spacing
 *
 * All spacing follows a 4px base unit as defined in UI_GUIDELINES.md.
 * Never use arbitrary pixel values for margins or padding.
 */

:root {

    /* ── Spacing Scale ────────────────────────────────────────── */
    --space-1:   4px;
    --space-2:   8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-6:  24px;
    --space-8:  32px;
    --space-12: 48px;
    --space-16: 64px;

    /* ── Component-Specific ──────────────────────────────────── */
    --taskbar-height:     36px;
    --titlebar-height:    28px;
    --window-button-size: 20px;
    --window-padding:     12px;
    --desktop-icon-size:  64px;
    --desktop-icon-gap:   80px;

    /* ── Border Radius ───────────────────────────────────────── */
    /* Kept minimal to preserve pixel aesthetic */
    --radius-none:  0px;
    --radius-pixel: 2px;

}