/*
 Theme Name:   Fasadmålning (child)
 Theme URI:    https://smedigt.se
 Description:  Child theme of "hemsida"
 Author:       Smedigt
 Author URI:   https://smedigt.se
 Template:     hemsida
 Version:      1.0.0
 Text Domain:  hemsida
*/

:root {
    --site-max-width: 1400px;
    
    --border-radius: 5px;
    
    --primary-font: "Raleway", sans-serif;
    --fs-1: 1rem;
    --fs-2: clamp(1.2rem, 1.1468rem + 0.2128vi, 1.333rem);
    --fs-3: clamp(1.44rem, 1.3052rem + 0.539vi, 1.7769rem);
    --fs-4: clamp(1.728rem, 1.4718rem + 1.0249vi, 2.3686rem);
    --fs-5: clamp(2.0736rem, 1.6401rem + 1.734vi, 3.1573rem);
    --fs-6: clamp(2.4883rem, 1.8002rem + 2.7527vi, 4.2087rem);
    --fs-7: clamp(2.986rem, 1.9363rem + 4.1988vi, 5.6102rem);
    
    --main-color: #B73131;
    --accent-color: #d05f26;
    --accent-fg-color: #FFFFFF;
    --text-dark: #000000;
    --text-bright: #FFFFFF;
    --bg-bright-1: #FFFFFF;
    --bg-bright-2: #EFEFEF;
    --bg-bright-3: #f0eeea;
    --bg-bright-4: #D8D8D8;
    --bg-dark-1: #111111;
    --bg-dark-2: #353535;
    --bg-dark-3: #141414;
    --bg-dark-4: #212121;
    --button-bg-dark: #000000;
    --button-text-bright: #FFFFFF;
    --button-bg-bright: #FFFFFF;
    --button-text-dark: #000000;
    --success-color: #509039;
    --error-color: #D13131;
    
    --list-icon: url(/wp-content/themes/hemsida/assets/pil-smal-rak.svg);
    
    --cubic-bezier: cubic-bezier(0.25, 0.1, 0, 1);
    
    --animation-duration-fade-in: 1500ms;
    --animation-duration-slide-up: 1500ms;
    --animation-duration-slide-right: 1500ms;
    --animation-duration-sequence: 1500ms;
    
    --animation-delay-fade-in: 200ms;
    --animation-delay-slide-up: 200ms;
    --animation-delay-slide-right: 200ms;
    --animation-delay-sequence: 100ms;
}

@media screen and (min-width: 1200px) {
    :root {
        --padding-v: 100px;
        --padding-h: 40px;
        --column-gap: 80px;
    }
}