Website Styles

Dimensions and Spacing

CSS Variables:

--font-family
--font-size
--font-size-h1
--font-size-h2
--font-size-h3
--font-size-h4
--font-size-h5
--font-size-h6
--font-input-size
--line-height
--space

/* Border */
--border-radius
--border-radius-large
--border-width

/* Width */
--content-max-width
--content-tablet-width
--content-mobile-width

/* Дополнительные отступы */
--padding-desktop
--padding-tablet
--padding-mobile

Site Color Palette

CSS Variables:

/* Color */
--color-background
--color-surface
--color-border
--color-shadow

/* Primary Colors */
--color-primary
--color-primary-border
--color-primary-hover
--color-primary-text

/* Secondary Colors */
--color-secondary
--color-secondary-border
--color-secondary-hover
--color-secondary-text

/* Success Colors */
--color-success
--color-success-border
--color-success-hover
--color-success-text

/* Danger Colors */
--color-danger
--color-danger-danger
--color-danger-hover
--color-danger-text

/* Warning Colors */
--color-warning
--color-warning-border
--color-warning-hover
--color-warinng-text

/* Info Colors */
--color-info
--color-info-border
--color-info-hover
--color-info-text

/* Text Colors */
--color-text
--color-text-secondary
--color-heading-text
--color-link
--color-link-hover

/* Hover & Active States */
--color-default-hover
--color-selected
--color-selected-text

/* Shadow */
--shadow-small
--shadow-medium
--shadow-large