/* =====================================================
   Vice City Vibe
   variables.css
   Global design variables
===================================================== */

:root {

    /* ========= Colours ========= */

    --bg: #0D1021;
    --surface: #1A1E36;
    --surface-light: #23284A;

    --pink: #FF3EA5;
    --cyan: #00D9FF;
    --purple: #8B5CF6;
    --gold: #FFD166;

    --text: #F4F7FF;
    --text-muted: #B7C2D0;

    --success: #4ADE80;
    --warning: #FBBF24;
    --danger: #EF4444;

    /* ========= Fonts ========= */

    --font-logo: "Audiowide", sans-serif;
    --font-heading: "Orbitron", sans-serif;
    --font-body: "Inter", sans-serif;

    /* ========= Layout ========= */

    --max-width: 1200px;

    --radius: 14px;

    --transition: 0.25s ease;

    --shadow:
        0 12px 35px rgba(0,0,0,.35);

}