:root {
    --app-primary-50: #F8F8FE;
    --app-primary-100: #F2F2FD;
    --app-primary-200: #E1E2FA;
    --app-primary-300: #C6C7F6;
    --app-primary-400: #A3A5F1;
    --app-primary-500: #787AEA;
    --app-primary-600: #6062BB;
    --app-primary-700: #48498C;
    --app-primary-800: #30315E;
    --app-primary-900: #18182F;
    --app-primary-950: #0C0C17;

    --app-primary-text-50: #F2F2F2;
    --app-primary-text-100: #E6E6E6;
    --app-primary-text-200: #CCCCCC;
    --app-primary-text-300: #999999;
    --app-primary-text-400: #666666;
    --app-primary-text-500: #FFFFFF;
    --app-primary-text-600: #CCCCCC;
    --app-primary-text-700: #999999;
    --app-primary-text-800: #666666;
    --app-primary-text-900: #333333;
    --app-primary-text-950: #1A1A1A;

    --app-secondary-50: #C6C6C6;
    --app-secondary-100: #BBBBBB;
    --app-secondary-200: #A6A6A6;
    --app-secondary-300: #7D7D7D;
    --app-secondary-400: #535353;
    --app-secondary-500: #D0D0D0;
    --app-secondary-600: #A6A6A6;
    --app-secondary-700: #7D7D7D;
    --app-secondary-800: #535353;
    --app-secondary-900: #2A2A2A;
    --app-secondary-950: #151515;

    --app-secondary-text-50: #000000;
    --app-secondary-text-100: #000000;
    --app-secondary-text-200: #000000;
    --app-secondary-text-300: #000000;
    --app-secondary-text-400: #000000;
    --app-secondary-text-500: #000000;
    --app-secondary-text-600: #000000;
    --app-secondary-text-700: #000000;
    --app-secondary-text-800: #000000;
    --app-secondary-text-900: #000000;
    --app-secondary-text-950: #000000;

    --app-accent-50: #7274DE;
    --app-accent-100: #6C6ED3;
    --app-accent-200: #6062BB;
    --app-accent-300: #48498C;
    --app-accent-400: #30315E;
    --app-accent-500: #787AEA;
    --app-accent-600: #6062BB;
    --app-accent-700: #48498C;
    --app-accent-800: #30315E;
    --app-accent-900: #18182F;
    --app-accent-950: #0C0C17;

    --primary-50: 248, 248, 254;
    --primary-100: 242, 242, 253;
    --primary-200: 225, 226, 250;
    --primary-300: 198, 199, 246;
    --primary-400: 163, 165, 241;
    --primary-500: 120, 122, 234;
    --primary-600: 96, 98, 187;
    --primary-700: 72, 73, 140;
    --primary-800: 48, 49, 94;
    --primary-900: 24, 24, 47;
    --primary-950: 12, 12, 23;

    --color-brand-50: #F8F8FE;
    --color-brand-100: #F2F2FD;
    --color-brand-200: #E1E2FA;
    --color-brand-300: #C6C7F6;
    --color-brand-400: #A3A5F1;
    --color-brand-500: #787AEA;
    --color-brand-600: #6062BB;
    --color-brand-700: #48498C;
    --color-brand-800: #30315E;
    --color-brand-900: #18182F;
    --color-brand-950: #0C0C17;
    --color-on-brand: #FFFFFF;

    --font-family: Inter;
    --border-radius: 0.375rem;
}