:root {
    /* ——— Color ——— */
    --primary-0: #ffffff;
    --primary-100: #D6E4FD;
    --primary-200: #AEC8FC;
    --primary-300: #85A8F8;
    --primary-400: #658DF1;
    --primary-500: #3563e9;
    --primary-600: #264BC8;
    --primary-700: #1A37A7;
    --primary-800: #102587;
    --primary-900: #0A196F;
    --secondary-100: #E0E9F4;
    --secondary-200: #C3D4E9;
    --secondary-300: #90A3BF;
    --secondary-400: #596780;
    --secondary-500: #3B4B66;
    --secondary-600: #131825;
    --secondary-700: #0D121F;
    --secondary-800: #080C19;
    --secondary-900: #040815;

    --success-800: #4C7A0B;
    --information-100: #DCF3FF;
    --information-400: #7EC2FF;

    --shadow: #4d75ba2d;

    --dark: #0c1323;
    --light: #F6F7F9;
    --background-light: #FAFBFD;

    /* ——— Space ——— */
    --sp-4: 4px;
    --sp-8: 8;
    --sp-12: 12px;
    --sp-16: 16px;
    --sp-24: 24px;
    --sp-32: 32px;
    --sp-36: 36px;
    --sp-40: 40px;
    --sp-42: 42px;
    --sp-48: 48px;
    --sp-56: 56px;
    --sp-64: 64px;
    --sp-88: 88px;
    --sp-120: 120px;

    --thumb-size: 96px;
}