:root {
    --white: #fff;
    --black: #000;
    --peach: #ffbf9d;

    --gray-900: #374151;
    --gray-800: #4b5563;
    --gray-600: #858d9c;
    --gray-500: #999fab;
    --gray-400: #c7cdd6;
    --gray-100: #fafafa;

    --primary-default: #a81d42;
    --primary-hover: #df546d;
    --primary-300: #f3dfe5;
    --primary-100: #f9eff2;

    --secondary-pressed: #007287;
    --secondary-default: #19a1b7;
    --secondary-hover: #60d2e9;

    --secondary-700: #6ec4d2;
    --secondary-600: #94d1db;
    --secondary-500: #bfe5eb;
    --secondary-400: #cfebf0;
    --secondary-300: #DFF2F5;
    --secondary-200: #dff2f5;
    --secondary-100: #f8fcfd;

    --text-color: var(--gray-800);
    --bg-color: #eff8fa;
    --border-default: var(--gray-400);

    --error-default: #ea3d5c;
    --error-100: #fdecef;

    --font-size-xs: 10px;
    --font-size-s: 12px;
    --font-size-m: 14px;
    --font-size: 16px;
    --font-size-l: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-3xl: 36px;

    --layout-width: 1232px;
    --mobile-padding: 16px;
    --topline-height: 82px;
    --mobile-topline-height: 66px;

    --link-color: #079DAB;
}