$color-brand: #000;
$color-brand-light: #f5f5f5;
$color-brand-dark: #111;
$color-success: #40a02b;
$color-error: #d20f39;
$color-warning: #df8e1d;
$color-info: #1e66f5;
$color-white: #fff;
$color-grey-0: #111;
$color-grey-1: #737373;
$color-grey-2: #737373;
$color-grey-3: #a3a3a3;
$color-grey-4: #e5e5e5;
$color-grey-5: #f5f5f5;
$color-grey-6: #fafafa;
$color-text-base: $color-brand;
$color-text-title: $color-brand;
$color-text-paragraph: $color-grey-0;
$color-text-secondary: $color-grey-1;
$color-text-placeholder: $color-grey-1;
$color-text-disabled: $color-grey-3;
$color-text-base-inverse: $color-white;
$color-link: $color-brand;
$color-link-hover: $color-grey-0;
$color-link-active: $color-brand;
$color-link-disabled: $color-grey-3;
$color-bg: $color-white;
$color-bg-base: $color-white;
$color-bg-light: $color-brand-light;
$color-bg-grey: $color-grey-5;
$color-border-base: #d4d4d4;
$color-border-grey: $color-grey-3;
$border-radius-sm: 6px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$font-size-xs: 20px;
$font-size-sm: 22px;
$font-size-base: 24px;
$font-size-lg: 26px;
$font-size-xl: 28px;
$font-size-xxl: 32px;
$at-button-border-color-primary: transparent;
$at-button-bg: $color-brand;
$at-fab-bg-color: $color-brand;
$at-fab-bg-color-active: $color-brand-dark;
$at-tag-color-active: $color-brand;
$at-tabs-color-active: $color-brand;
$at-progress-bar-bg-color: $color-brand-light;
$color-primary: $color-brand;
$color-primary-light: $color-brand-light;
$color-primary-border: $color-border-grey;
$color-danger: $color-error;
$color-danger-light: #f9e2e7;
$color-success-light: #e5f4e1;
$color-warning-light: #fbedd8;
$color-info-light: #e6edfe;
$text-primary: $color-text-base;
$text-regular: $color-text-paragraph;
$text-secondary: $color-text-secondary;
$text-placeholder: $color-text-placeholder;
$text-disabled: $color-text-disabled;
$bg-page: $color-bg;
$bg-muted: $color-bg-grey;
$bg-soft: $color-grey-4;
$bg-subtle: $color-grey-6;
$border-color: $color-border-base;
$border-color-strong: $color-border-grey;
$border-color-light: $color-grey-4;
$radius-sm: $border-radius-sm;
$radius-md: $border-radius-md;
$radius-tab: 4px;
$space-xxs: 4px;
$space-xs: 8px;
$space-sm: 12px;
$space-md: 18px;
$space-lg: 20px;
$space-xl: 24px;
$font-xs: $font-size-xs;
$font-sm: $font-size-sm;
$font-md: $font-size-base;
$font-lg: $font-size-lg;
$font-xl: $font-size-xl;
$font-title: $font-size-xxl;
$font-profile-title: 42px;
$tabbar-height: 108px;
$control-height: 64px;
$line-height-control: 40px;
$page-bottom-space: 132px;


