:root {

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;

    --text-body: 16px;
    --text-large: 20px;
    --text-heading: 32px;
    --text-display: 64px;

    /* Colours */
    --color-background: #000;
    --color-text: #fff;
    --color-text-secondary: rgba(255,255,255,0.7);
    --color-primary: #0A84FF;

    /* Layout */
    --measure: 60ch;

    /* Spacing */
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;

    /* Radius */
    --radius-lg: 20px;
    --radius-round: 999px;

    /* Motion */
    --duration: 300ms;
    --ease: cubic-bezier(.2,.8,.2,1);

    /* Effects */
    --glass-background: rgba(255,255,255,0.06);
    --glass-border: rgba(255,255,255,0.12);
    --glass-blur: blur(20px);

    --elevation-2: 0 10px 30px rgba(0,0,0,0.4);
}