:root {
    --color-primary: #377dff;
    --color-primary-hover: #1164ff;
    --color-primary-shadow: #4ecdc482;
    --color-secondary: #FF6B6B;
    --color-terciary: #FFE66D;
    --product-border: #4ecdc4;
    --product-shadow: #4ecdc469;
    --background-header-left: #30646c;
    --background-header-center: #0f3137;
    --background-footer: #f7faff;
    --color-btn-search: #252525;
    --background-header: #f8f9fa;
    --background-btn-hover: #e56060;
    --color-footer-links: #f8f8f8;
    --background-menu: #fdf6f5;
    --color-menu: #a3130d;
    --border-color: #e7eaf3;
    --background-light: #f7faff;
    --background-dark: #21325b;
    --background-soft-primary: rgba(55,125,255,.1);
    --background-offers: #fff8eb;
    --color-body: #677788;
    --color-warning: #ec9a3c;
    --color-warning-hover: #ec9a3c26;
    --color-success: #00c9a7;
    --color-offers: #ffb937;
    --color-primary-100: #D7EAFF;
    --color-primary-200: #AFD3FF;
    --color-primary-300: #86B9FF;
    --color-primary-400: #69A2FF;
    --color-primary-500: #377DFF;
    --color-primary-600: #2860DB;
    --color-primary-700: #1B47B7;
    --color-primary-800: #113193;
    --color-primary-900: #0A217A;
    --color-success-100: #E8FCD8;
    --color-success-200: #CCF9B3;
    --color-success-300: #A5EE8A;
    --color-success-400: #80DE69;
    --color-success-500: #4CC93C;
    --color-success-600: #30AC2B;
    --color-success-700: #1E9023;
    --color-success-800: #13741F;
    --color-success-900: #0B601D;
    --color-info-100: #D9F7FE;
    --color-info-200: #B4ECFE;
    --color-info-300: #8EDCFE;
    --color-info-400: #72CBFD;
    --color-info-500: #44AFFC;
    --color-info-600: #3189D8;
    --color-info-700: #2267B5;
    --color-info-800: #154892;
    --color-info-900: #0D3378;
    --color-warning-100: #FFF8D9;
    --color-warning-200: #FFF0B3;
    --color-warning-300: #FFE58D;
    --color-warning-400: #FFDA71;
    --color-warning-500: #FFC942;
    --color-warning-600: #DBA530;
    --color-warning-700: #B78321;
    --color-warning-800: #936415;
    --color-warning-900: #7A4E0C;
    --color-danger-100: #FFE7D8;
    --color-danger-200: #FFCAB2;
    --color-danger-300: #FFA68B;
    --color-danger-400: #FF846F;
    --color-danger-500: #FF4C3F;
    --color-danger-600: #DB2E30;
    --color-danger-700: #B71F2E;
    --color-danger-800: #93142B;
    --color-danger-900: #7A0C29;
    --font-family-heading: 'Inter', sans-serif;
    --font-family-body: 'Inter', sans-serif;
}