:root {
    --main-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Trebuchet MS", Roboto, sans-serif;
    
    --header-color: #537986;
    --header-color-second: #345365;
    --body-color: #f4e6c8; /* f4e6c8 */
    
    --min-height-to-footer-size: 79vh;
    
    --form-container-color-gradient: linear-gradient(140deg, #efc288 10%, #c38f4c 77%, #fdc000 100%);
    --form-container-color-shadow: rgba(0, 0, 0, 0.1);
    
    --radio-button-color: #0071bc;    
    
    --rating-color-article: #d68d25;
    
    --combo-box-color-border: #345365;
    --combo-box-color-border-inactive: #d8d8d8;
    --combo-box-color-background: #fffbf7;
    --combo-box-color-selection: #d2ecfc;
    --combo-box-color-selection-hover: #add4ec;
    --combo-box-color-general-price: #800000;
    --combo-box-color-savings: #37943a;
    --combo-box-color-old-price: gray;
    
    --combo-box-color-selection-payment-hover: #eeeefe;
    --combo-box-color-selection-payment: #eef4fe;
    
    --input-field-color-background: white;
    --input-field-color-text: black;
    --input-field-color-selection: #007aff;    
    --input-field-color-selection-shadow: rgba(0, 122, 255, 0.15);
    --input-field-color-floating-text: #707070;
    --input-field-color-border: #d8d8d8;
    --input-combo-color-border-error: red;
    --container-stripe-color-background: #fafafa;
    
    /* gradient selector colors */
    --article-sel1-color: #345365; /* pink/red */
    --article-sel2-color: #d68d25; /* violet */
    --article-sel3-color: #345365; /* cyan */
    
    --faq-card-color: #fff; /* faq white section */
    --faq-text-color: #345365;
    --faq-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 6px 24px rgba(23, 16, 62, 0.08);
    --faq-radius: 24px;
    --faq-pad-x: 28px;
    --faq-pad-y: 22px;
    
    --testimonial-text-color: #345365;
    --testimonial-role-color: #6c7a92;
    --testimonial-card-color: #fff;
    --testimonial-shadow: 0 10px 40px rgba(17, 37, 71, 0.12);
    --testimonial-radius: 28px;
}