/*
 * Detective Files
 * CSS Variables — Typography
 *
 * Pixel fonts are used throughout the workstation.
 * Press Start 2P is reserved for large titles only.
 * Body text uses Silkscreen for readability at small sizes.
 */

:root {

    /* ── Font Families ───────────────────────────────────────── */
    --font-title:    'Press Start 2P', monospace;
    --font-ui:       'Silkscreen', monospace;
    --font-body:     'Pixel Operator', monospace;
    --font-fallback: monospace;

    /* ── Font Sizes ──────────────────────────────────────────── */
    --font-size-xs:   8px;
    --font-size-sm:  10px;
    --font-size-md:  12px;
    --font-size-lg:  14px;
    --font-size-xl:  16px;
    --font-size-xxl: 20px;

    /* ── Line Heights ────────────────────────────────────────── */
    --line-height-tight:  1.2;
    --line-height-normal: 1.5;
    --line-height-loose:  1.8;

}