:root {

    /* spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;

    /* sizing */
    --window-min-width: 320px;
    --window-min-height: 240px;

    /* colors */
    --background: #111;
    --surface: #1e1e1e;
    --surface-light: #282828;

    --text: #f0f0f0;
    --border: #404040;

    /* radius */
    --radius-sm: 4px;
    --radius-md: 8px;

    /* shadow */
    --shadow:
        0 10px 30px rgba(0,0,0,0.4);
}