:root {
--main-primary-color: #374151;
--main-primary-color-ink: #ffffff;
--main-secondary-color: transparent;
--main-secondary-color-ink: inherit;
--main-bg-color: #262626;
--main-bg-color-ink: #ffffff;
--main-text-color: #ffffff;
--main-text-color-ink: #12100B;
--header-background-color: #000000;
--header-background-color-ink: #ffffff;
--header-text-color: #ffffff;
--header-text-color-ink: #12100B;
--footer-background-color: #1f1f1f;
--footer-background-color-ink: #ffffff;
--footer-text-color: #ffffff;
--footer-text-color-ink: #12100B;
--card-bg-color: #ffffff;
--card-bg-color-ink: #12100B;
--card-text-color: #ffffff;
--card-text-color-ink: #12100B;
--card-brand-chip-color: transparent;
--card-brand-chip-color-ink: inherit;
--card-shadow-color: #0f172a;
--card-shadow-color-ink: #ffffff;
--vehicles-bg-color: #2e2e2e;
--vehicles-bg-color-ink: #ffffff;
--border-color: #404040;
--border-color-ink: #ffffff;
--button-color: #454545;
--button-color-ink: #ffffff;
--button-hover-color: #737373;
--button-hover-color-ink: #ffffff;
--header-text-color-legivel: #ffffff;
--main-primary-color-on-dark: #6c7e9b;
--main-primary-color-on-light: #374151;
--button-color-on-dark: #7d7d7d;
--button-color-on-light: #454545;
--site-font-body: Inter, sans-serif;
--site-font-heading: Inter, sans-serif;
--cards-per-row: 4;
--card-shadow-intensity: 8;
--cards-per-row-mobile: 1;
--car-card-max-height: 250px;
--car-card-max-width-px: 400px;
--car-card-max-width-percent: 85%;
}