/* 
Theme Name: wynd website
Theme URI: https://github.com/wynd-de/wynd-website-theme/
Description: wynd website is a child theme of the Hello Elementor theme, enhanced with utility functions and features to kickstart a great website.
Author: wynd
Author URI: https://wynd.de/
Template: hello-elementor
Version: 1.0.0
Text Domain: wynd-website
License: Proprietary - Company Use Only
License URI: https://github.com/wynd-de/wynd-website-theme/LICENSE.md
*/

/* 
**************
* variables that can be overwritten in the child theme by copying the variable
**************
*/
.wynd-website-kit {
    /* base */
    --color-white: var(--e-global-color-dbadb72, #ffffff);
    --color-black: var(--e-global-color-a3587e6, #000000);
    /* gray */
    --color-gray-50: var(--e-global-color-4d9ab97, #f9f9f9);
    --color-gray-100: var(--e-global-color-3d898cb, #f2f2f2);
    --color-gray-200: var(--e-global-color-9e3f734, #e9e9e9);
    --color-gray-300: var(--e-global-color-cd1372d, #d9d9d9);
    --color-gray-400: var(--e-global-color-ef21477, #b6b6b6);
    --color-gray-500: var(--e-global-color-2ec05e1, #969696);
    --color-gray-600: var(--e-global-color-5f4c813, #6d6d6d);
    --color-gray-700: var(--e-global-color-27ce08a, #5a5a5a);
    --color-gray-800: var(--e-global-color-cf00d56, #3b3b3b);
    --color-gray-900: var(--e-global-color-60fcd91, #1b1b1b);
    /* primary */
    --color-primary-main: var(--e-global-color-primary, #5a5a5a);
    --color-primary-light: var(--e-global-color-74bfcaf, #969696);
    --color-primary-dark: var(--e-global-color-5209ba2, #3b3b3b);
    --color-primary-text: var(--e-global-color-f1a4d1a, #000000);
    /* secondary */
    --color-secondary-main: var(--e-global-color-secondary, #d9d9d9);
    --color-secondary-light: var(--e-global-color-38f3743, #f2f2f2);
    --color-secondary-dark: var(--e-global-color-191296e, #b6b6b6);
    --color-secondary-text: var(--e-global-color-640d2f1, #000000);
    /* text */
    --color-text: var(--e-global-color-text, #000000);
    --color-text-secondary: var(--e-global-color-accent, #6d6d6d);
    --color-text-contrast: var(--e-global-color-0095332, #ffffff);
    /* utility */
    --color-error-main: var(--e-global-color-c49976d, #f4a4a4);
    --color-error-light: var(--e-global-color-61163f8, #fff0f0);
    --color-error-dark: var(--e-global-color-6075138, #cc1818);
    --color-info-main: var(--e-global-color-5d40aeb, #dedede);
    --color-info-light: var(--e-global-color-c39393f, #f2f2f2);
    --color-info-dark: var(--e-global-color-0c2db52, #3b3b3b);
    --color-success-main: var(--e-global-color-318641f, #c3f7ba);
    --color-success-light: var(--e-global-color-c1e325f, #e1fcdc);
    --color-success-dark: var(--e-global-color-ee3c763, #16833e);

    /* text */
    --font-family-default: var(
        --e-global-typography-text-font-family,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        Helvetica Neue,
        Arial,
        Noto Sans,
        sans-serif,
        Apple Color Emoji,
        Segoe UI Emoji,
        Segoe UI Symbol,
        Noto Color Emoji
    );
    /* body */
    --font-family-body: var(--e-global-typography-text-font-family), sans-serif;
    --font-size-body: var(--e-global-typography-text-font-size, 16px);
    --font-style-body: var(--e-global-typography-text-font-style, normal);
    --font-weight-body: var(--e-global-typography-text-font-weight, 400);
    --letter-spacing-body: var(--e-global-typography-text-letter-spacing, normal);
    --line-height-body: var(--e-global-typography-text-line-height, 24px);
    --text-decoration-body: var(--e-global-typography-text-text-decoration, none);
    --text-transform-body: var(--e-global-typography-text-text-transform, none);
    --word-spacing-body: var(--e-global-typography-text-word-spacing, normal);
    /* body bold */
    --font-family-body-bold: var(--e-global-typography-ffce384-font-family, var(--font-family-default)), sans-serif;
    --font-size-body-bold: var(--e-global-typography-ffce384-font-size, 16px);
    --font-style-body-bold: var(--e-global-typography-ffce384-font-style, normal);
    --font-weight-body-bold: var(--e-global-typography-ffce384-font-weight, 700);
    --letter-spacing-body-bold: var(--e-global-typography-ffce384-letter-spacing, normal);
    --line-height-body-bold: var(--e-global-typography-ffce384-line-height, 24px);
    --text-decoration-body-bold: var(--e-global-typography-ffce384-text-decoration, none);
    --text-transform-body-bold: var(--e-global-typography-ffce384-text-transform, none);
    --word-spacing-body-bold: var(--e-global-typography-ffce384-word-spacing, normal);
    /* body small*/
    --font-family-body-small: var(--e-global-typography-secondary-font-family, var(--font-family-default)), sans-serif;
    --font-size-body-small: var(--e-global-typography-secondary-font-size, 14px);
    --font-style-body-small: var(--e-global-typography-secondary-font-style, normal);
    --font-weight-body-small: var(--e-global-typography-secondary-font-weight, 400);
    --letter-spacing-body-small: var(--e-global-typography-secondary-letter-spacing, normal);
    --line-height-body-small: var(--e-global-typography-secondary-line-height, 22px);
    --text-decoration-body-small: var(--e-global-typography-secondary-text-decoration, none);
    --text-transform-body-small: var(--e-global-typography-secondary-text-transform, none);
    --word-spacing-body-small: var(--e-global-typography-secondary-word-spacing, normal);
    /* button */
    --font-family-button: var(--e-global-typography-accent-font-family, var(--font-family-default)), sans-serif;
    --font-size-button: var(--e-global-typography-accent-font-size, 16px);
    --font-style-button: var(--e-global-typography-accent-font-style, normal);
    --font-weight-button: var(--e-global-typography-accent-font-weight, 500);
    --letter-spacing-button: var(--e-global-typography-accent-letter-spacing, normal);
    --line-height-button: var(--e-global-typography-accent-line-height, 20px);
    --text-decoration-button: var(--e-global-typography-accent-text-decoration, none);
    --text-transform-button: var(--e-global-typography-accent-text-transform, none);
    --word-spacing-button: var(--e-global-typography-accent-word-spacing, normal);
    /* label */
    --font-family-label: var(--e-global-typography-db098cb-font-family, var(--font-family-default)), sans-serif;
    --font-size-label: var(--e-global-typography-db098cb-font-size, 16px);
    --font-style-label: var(--e-global-typography-db098cb-font-style, normal);
    --font-weight-label: var(--e-global-typography-db098cb-font-weight, 500);
    --letter-spacing-label: var(--e-global-typography-db098cb-letter-spacing, normal);
    --line-height-label: var(--e-global-typography-db098cb-line-height, 1);
    --text-decoration-label: var(--e-global-typography-db098cb-text-decoration, none);
    --text-transform-label: var(--e-global-typography-db098cb-text-transform, none);
    --word-spacing-label: var(--e-global-typography-db098cb-word-spacing, normal);
    /* h1 */
    --font-family-h1: var(--e-global-typography-a694a53-font-family, var(--font-family-default)), sans-serif;
    --font-size-h1: var(--e-global-typography-a694a53-font-size, 40px);
    --font-style-h1: var(--e-global-typography-a694a53-font-style, normal);
    --font-weight-h1: var(--e-global-typography-a694a53-font-weight, 700);
    --letter-spacing-h1: var(--e-global-typography-a694a53-letter-spacing, normal);
    --line-height-h1: var(--e-global-typography-a694a53-line-height, 48px);
    --text-decoration-h1: var(--e-global-typography-a694a53-text-decoration, none);
    --text-transform-h1: var(--e-global-typography-a694a53-text-transform, none);
    --word-spacing-h1: var(--e-global-typography-a694a53-word-spacing, normal);
    /* h2 */
    --font-family-h2: var(--e-global-typography-5c95f19-font-family, var(--font-family-default)), sans-serif;
    --font-size-h2: var(--e-global-typography-5c95f19-font-size, 32px);
    --font-style-h2: var(--e-global-typography-5c95f19-font-style, normal);
    --font-weight-h2: var(--e-global-typography-5c95f19-font-weight, 700);
    --letter-spacing-h2: var(--e-global-typography-5c95f19-letter-spacing, normal);
    --line-height-h2: var(--e-global-typography-5c95f19-line-height, 40px);
    --text-decoration-h2: var(--e-global-typography-5c95f19-text-decoration, none);
    --text-transform-h2: var(--e-global-typography-5c95f19-text-transform, none);
    --word-spacing-h2: var(--e-global-typography-5c95f19-word-spacing, normal);
    /* h3 */
    --font-family-h3: var(--e-global-typography-fe7eae0-font-family, var(--font-family-default)), sans-serif;
    --font-size-h3: var(--e-global-typography-fe7eae0-font-size, 28px);
    --font-style-h3: var(--e-global-typography-fe7eae0-font-style, normal);
    --font-weight-h3: var(--e-global-typography-fe7eae0-font-weight, 700);
    --letter-spacing-h3: var(--e-global-typography-fe7eae0-letter-spacing, normal);
    --line-height-h3: var(--e-global-typography-fe7eae0-line-height, 36px);
    --text-decoration-h3: var(--e-global-typography-fe7eae0-text-decoration, none);
    --text-transform-h3: var(--e-global-typography-fe7eae0-text-transform, none);
    --word-spacing-h3: var(--e-global-typography-fe7eae0-word-spacing, normal);
    /* h4 */
    --font-family-h4: var(--e-global-typography-58aa13f-font-family, var(--font-family-default)), sans-serif;
    --font-size-h4: var(--e-global-typography-58aa13f-font-size, 24px);
    --font-style-h4: var(--e-global-typography-58aa13f-font-style, normal);
    --font-weight-h4: var(--e-global-typography-58aa13f-font-weight, 700);
    --letter-spacing-h4: var(--e-global-typography-58aa13f-letter-spacing, normal);
    --line-height-h4: var(--e-global-typography-58aa13f-line-height, 32px);
    --text-decoration-h4: var(--e-global-typography-58aa13f-text-decoration, none);
    --text-transform-h4: var(--e-global-typography-58aa13f-text-transform, none);
    --word-spacing-h4: var(--e-global-typography-58aa13f-word-spacing, normal);
    /* h5 */
    --font-family-h5: var(--e-global-typography-95dc566-font-family, var(--font-family-default)), sans-serif;
    --font-size-h5: var(--e-global-typography-95dc566-font-size, 20px);
    --font-style-h5: var(--e-global-typography-95dc566-font-style, normal);
    --font-weight-h5: var(--e-global-typography-95dc566-font-weight, 700);
    --letter-spacing-h5: var(--e-global-typography-95dc566-letter-spacing, normal);
    --line-height-h5: var(--e-global-typography-95dc566-line-height, 28px);
    --text-decoration-h5: var(--e-global-typography-95dc566-text-decoration, none);
    --text-transform-h5: var(--e-global-typography-95dc566-text-transform, none);
    --word-spacing-h5: var(--e-global-typography-95dc566-word-spacing, normal);
    /* h6 */
    --font-family-h6: var(--e-global-typography-54170f3-font-family, var(--font-family-default)), sans-serif;
    --font-size-h6: var(--e-global-typography-54170f3-font-size, 18px);
    --font-style-h6: var(--e-global-typography-54170f3-font-style, normal);
    --font-weight-h6: var(--e-global-typography-54170f3-font-weight, 700);
    --letter-spacing-h6: var(--e-global-typography-54170f3-letter-spacing, normal);
    --line-height-h6: var(--e-global-typography-54170f3-line-height, 26px);
    --text-decoration-h6: var(--e-global-typography-54170f3-text-decoration, none);
    --text-transform-h6: var(--e-global-typography-54170f3-text-transform, none);
    --word-spacing-h6: var(--e-global-typography-54170f3-word-spacing, normal);

    /* sizing and spacing */
    --width-content: 1280px;
    --padding-content-md: 32px;
    --padding-content-xs: 16px;
    --transition-default: 0.3s ease-in-out;

    /* page */
    --color-page-background: var(--color-white);

    /* border radius */
    --border-radius-xs: 2px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;

    /* button */
    --border-radius-button: 4px;
    --padding-button-x: 24px;
    --padding-button-y: 16px;

    /* checkbox and radio button */
    --border-radius-checkbox: 2px;
    --border-width-checkbox: 1px;
    --color-checkbox-checked-background: var(--color-primary-main);
    --color-checkbox-checked-border: var(--color-primary-main);
    --color-checkbox-checkmark: var(--color-primary-text);
    --color-checkbox-disabled-checkmark: var(--color-gray-500);
    --color-checkbox-disabled-background: var(--color-gray-300);
    --color-checkbox-disabled-border: var(--color-gray-300);
    --color-checkbox-unchecked-background: var(--color-page-background);
    --color-checkbox-unchecked-border: var(--color-gray-200);
    --size-checkbox: 20px;
    --size-radio-button: 18px;
    --spacing-checkbox: 8px;

    /* chip */
    --color-chip-background: var(--color-gray-300);
    --color-chip-text: var(--color-gray-800);

    /* divider */
    --color-divider: var(--color-gray-200);

    /* input */
    --border-width-input: 1px;
    --border-radius-input: 4px;
    --color-input-background: var(--color-white);
    --color-input-border: var(--color-gray-200);
    --padding-input-x: 16px;
    --padding-input-y: 12px;

    /* select */
    --border-width-select-icon: 2px;
    --size-select-icon: 10px;
}