:root {
    --app-primary-50: #f2f4f9;
    --app-primary-100: #e0e6f1;
    --app-primary-200: #c1cee4;
    --app-primary-300: #97acd2;
    --app-primary-400: #6c8cc3;
    --app-primary-500: #466fb4;
    --app-primary-600: #36578e;
    --app-primary-700: #29436e;
    --app-primary-800: #203356;
    --app-primary-900: #16243c;
    --app-primary-950: #0e1626;

    --app-primary-text-50: #101725;
    --app-primary-text-100: #0F1623;
    --app-primary-text-200: #0E131F;
    --app-primary-text-300: #0A0E17;
    --app-primary-text-400: #070A10;
    --app-primary-text-500: #111827;
    --app-primary-text-600: #0E131F;
    --app-primary-text-700: #0A0E17;
    --app-primary-text-800: #070A10;
    --app-primary-text-900: #030508;
    --app-primary-text-950: #020204;

    --app-secondary-50: #666C7A;
    --app-secondary-100: #606773;
    --app-secondary-200: #565B66;
    --app-secondary-300: #40444D;
    --app-secondary-400: #2B2E33;
    --app-secondary-500: #6B7280;
    --app-secondary-600: #565B66;
    --app-secondary-700: #40444D;
    --app-secondary-800: #2B2E33;
    --app-secondary-900: #15171A;
    --app-secondary-950: #0B0B0D;

    --app-secondary-text-50: #101725;
    --app-secondary-text-100: #0F1623;
    --app-secondary-text-200: #0E131F;
    --app-secondary-text-300: #0A0E17;
    --app-secondary-text-400: #070A10;
    --app-secondary-text-500: #111827;
    --app-secondary-text-600: #0E131F;
    --app-secondary-text-700: #0A0E17;
    --app-secondary-text-800: #070A10;
    --app-secondary-text-900: #030508;
    --app-secondary-text-950: #020204;

    --app-accent-50: #E9960A;
    --app-accent-100: #DD8E0A;
    --app-accent-200: #C47E09;
    --app-accent-300: #935F07;
    --app-accent-400: #623F04;
    --app-accent-500: #F59E0B;
    --app-accent-600: #C47E09;
    --app-accent-700: #935F07;
    --app-accent-800: #623F04;
    --app-accent-900: #312002;
    --app-accent-950: #191001;

    --color-brand-50: #f2f4f9;
    --color-brand-100: #e0e6f1;
    --color-brand-200: #c1cee4;
    --color-brand-300: #97acd2;
    --color-brand-400: #6c8cc3;
    --color-brand-500: #466fb4;
    --color-brand-600: #36578e;
    --color-brand-700: #29436e;
    --color-brand-800: #203356;
    --color-brand-900: #16243c;
    --color-brand-950: #0e1626;
    --color-on-brand: #ffffff;
    --extra-accent: #fab000;
    --logo-height: 2.25rem;

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