valitovgaziz
78 lines
1.7 KiB
CSS
78 lines
1.7 KiB
CSS
:root {
|
|
--color-primary: #196533;
|
|
--color-primary-hover: #114322;
|
|
--color-primary-tapped: #114322;
|
|
--color-primary-inactive: #B4B4B4;
|
|
--color-light-green: #BEDAC8;
|
|
--color-text-black: #333333;
|
|
--color-text-gray: #7D7D7D;
|
|
--color-text-white: #FFFFFF;
|
|
--color-orange: #FF8833;
|
|
--color-red: #FF3636;
|
|
--color-green-accent: #04BD45;
|
|
--color-blue: #0066FF;
|
|
--color-status: #00CC99;
|
|
--color-stroke: #BAD1C2;
|
|
--color-bg-gray: #F2F2F2;
|
|
--color-dark: #25282B;
|
|
--color-bg-validation: #FFF4EB;
|
|
--color-bg-error: #FFEBEB;
|
|
--color-bg-success: #E8F0EB;
|
|
--color-white: #FFFFFF;
|
|
--color-black: #000000;
|
|
|
|
--shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.08);
|
|
--shadow-md: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
--shadow-lg: 0px 8px 24px rgba(0, 0, 0, 0.12);
|
|
|
|
--radius-sm: 8px;
|
|
--radius-md: 12px;
|
|
--radius-lg: 20px;
|
|
--radius-full: 50%;
|
|
|
|
--font-display: 'BELLABOO', serif;
|
|
--font-body: 'Mulish', sans-serif;
|
|
--font-button: 'Inter', sans-serif;
|
|
|
|
--font-size-h1: 70px;
|
|
--font-size-h2: 32px;
|
|
--font-size-h3: 28px;
|
|
--font-size-h4: 24px;
|
|
--font-size-h5: 20px;
|
|
--font-size-body: 16px;
|
|
--font-size-small: 14px;
|
|
--font-size-caption: 12px;
|
|
|
|
--font-weight-regular: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
|
|
--container-max: 1440px;
|
|
--container-padding: 60px;
|
|
|
|
--header-height: 80px;
|
|
--bottom-nav-height: 64px;
|
|
|
|
--transition-fast: 0.15s ease;
|
|
--transition-normal: 0.25s ease;
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
:root {
|
|
--container-padding: 32px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 744px) {
|
|
:root {
|
|
--container-padding: 16px;
|
|
--font-size-h1: 24px;
|
|
--font-size-h2: 24px;
|
|
--font-size-h3: 22px;
|
|
--font-size-h4: 20px;
|
|
--font-size-h5: 18px;
|
|
--header-height: 56px;
|
|
}
|
|
}
|