:root{

    /* ==========================
       COLORS
    ========================== */

    --background: #020B16;

    --surface: #081A2C;

    --surface-light: #103253;

    --primary: #4BA3FF;

    --primary-light: #81C5FF;

    --secondary: #8BE9FF;

    --text: #F6FBFF;

    --text-muted: rgba(255,255,255,.70);

    --border: rgba(255,255,255,.08);

    /* ==========================
       SHADOWS
    ========================== */

    --shadow-soft: 0 0 25px rgba(70,150,255,.18);

    --shadow-button: 0 10px 35px rgba(0,110,255,.35);

    /* ==========================
       BORDER RADIUS
    ========================== */

    --radius-small: 10px;

    --radius-medium: 16px;

    --radius-large: 24px;

    /* ==========================
       TRANSITIONS
    ========================== */

    --transition-fast: .20s;

    --transition-normal: .35s;

    --transition-slow: .60s;

}