/*
 Theme Name: Hello Elementor Child
 Theme URI: scrolla.nl
 Description: Code om GCLID door te sturen naar de back-end en order bevestiging Child-theme voor Hello Elementor
 Author: manuel hoven
 Author URI: manuelhoven.nl
 Template: hello-elementor
 Version: 1.0.0
*/

@import url("../hello-elementor/style.css");

/* Je aangepaste kleuren */
:root {
    --primary-color: #1E90FF;
    --primary-color-tint-1: #3DA4FF;
    --primary-color-tint-2: #5DB7FF;
    --primary-color-tint-3: #7ACBFF;
    --primary-color-tint-4: #9FDEFF;
    --primary-color-tint-5: #C4F1FF;
    --primary-color-tint-6: #E9F4FF;
    --primary-color-shade-1: #1A7ACC;
    --primary-color-shade-2: #1666A3;
    --primary-color-shade-3: #12537A;
    --primary-color-shade-4: #0D4161;
    --primary-color-shade-5: #092F49;
    --primary-color-shade-6: #051D31;

    --secondary-color: #32CD32;
    --secondary-color-tint-1: #52D952;
    --secondary-color-tint-2: #72E572;
    --secondary-color-tint-3: #92F192;
    --secondary-color-tint-4: #B2FDB2;
    --secondary-color-tint-5: #D2FFD2;
    --secondary-color-tint-6: #E2FFE2;
    --secondary-color-shade-1: #2BAC2B;
    --secondary-color-shade-2: #248B24;
    --secondary-color-shade-3: #1E6B1E;
    --secondary-color-shade-4: #184D18;
    --secondary-color-shade-5: #122F12;
    --secondary-color-shade-6: #0C1C0C;

    --white-color: #FFFFFF;
    --white-color-tint-1: #F5F5F5;
    --white-color-shade-1: #E5E5E5;

    --black-color: #000000;
    --black-color-tint-1: #1A1A1A;
    --black-color-shade-1: #0D0D0D;
}

body {
    color: var(--primary-color);
}

/* Voorbeelden van het gebruik van de kleuren */
h1, h2, h3, h4, h5, h6 {
    color: var(--secondary-color);
}

a {
    color: var(--primary-color);
}

button {
    background-color: var(--primary-color);
    border-color: var(--primary-color-shade-1);
}

button:hover {
    background-color: var(--primary-color-tint-1);
}