/***************************************************************************
* Calc Size
****************************************************************************/
:root {
    --typo-calc-size: 1;
}
@media screen and (min-width:100em){
    :root {
        --typo-calc-size: 1.125;
    }
}

@media screen and (min-width:125em){
    :root {
        --typo-calc-size: 1.25;
    }
}
@media screen and (min-width:150em){
    :root {
        --typo-calc-size: 1.5;
    }
}




/***************************************************************************
* Colors
****************************************************************************/
:root {
    --typo-color-text: #000000;
    --typo-color-black: #000000;
    --typo-color-white: #FFFFFF;
    /*--typo-color-grey-light: #F1F1F1;*/
    --typo-color-grey-dark: #454545;
    /*--typo-color-yellow: #F5CA40; 
    --typo-color-beige: #F7F5EE;*/
    --typo-border-radius: 0.125em;

    --typo-color-grey-light: rgb(224,197,173,0.25);
    /*--typo-color-grey-dark: #6e042c;*/
    --typo-color-yellow: #d8a460; 
    --typo-color-beige: rgb(224,197,173,0.25); /*#e0c5ad;*/
}

:root {
    --typo-svg-arrow-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path opacity=".4" d=""/><path d="M320.3 483.3L326 477.6L542 261.6L547.7 255.9L536.4 244.6L530.7 250.3L320.4 460.6L110.1 250.3L104.4 244.6L93.1 255.9L98.8 261.6L314.8 477.6L320.5 483.3z"/></svg>');
    --typo-svg-arrow-down-white: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path opacity=".4" d=""/><path d="M320.3 483.3L326 477.6L542 261.6L547.7 255.9L536.4 244.6L530.7 250.3L320.4 460.6L110.1 250.3L104.4 244.6L93.1 255.9L98.8 261.6L314.8 477.6L320.5 483.3z"/></svg>');
    --typo-svg-arrow-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M157 320L162.7 325.7L378.7 541.7L384.4 547.4L395.7 536.1L390 530.4L179.7 320.1L390 109.8L395.7 104.1L384.4 92.8L378.7 98.5L162.7 314.5L157 320.2z"/></svg>');
    --typo-svg-arrow-left-white: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M157 320L162.7 325.7L378.7 541.7L384.4 547.4L395.7 536.1L390 530.4L179.7 320.1L390 109.8L395.7 104.1L384.4 92.8L378.7 98.5L162.7 314.5L157 320.2z"/></svg>');
    --typo-svg-arrow-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M477.7 314.3C480.8 317.4 480.8 322.5 477.7 325.6L261.7 541.6C258.6 544.7 253.5 544.7 250.4 541.6C247.3 538.5 247.3 533.4 250.4 530.3L460.7 320L250.3 109.7C247.2 106.6 247.2 101.5 250.3 98.4C253.4 95.3 258.5 95.3 261.6 98.4L477.6 314.4z"/></svg>');
    --typo-svg-arrow-right-white: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M477.7 314.3C480.8 317.4 480.8 322.5 477.7 325.6L261.7 541.6C258.6 544.7 253.5 544.7 250.4 541.6C247.3 538.5 247.3 533.4 250.4 530.3L460.7 320L250.3 109.7C247.2 106.6 247.2 101.5 250.3 98.4C253.4 95.3 258.5 95.3 261.6 98.4L477.6 314.4z"/></svg>');

    --typo-svg-arrow-left-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 108'%3E%3Cpath fill='none' stroke='black' stroke-width='1' d='M56 107L1 54 56 1'/%3E%3C/svg%3E");
    --typo-svg-arrow-right-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 108'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M27 1L81 54 27 107'/%3E%3C/svg%3E");
    --typo-svg-arrow-top-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 108'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 81L54 27 107 81'/%3E%3C/svg%3E");
    --typo-svg-arrow-bottom-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 108'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 27L54 81 107 27'/%3E%3C/svg%3E");
}

/***************************************************************************
* Gaps
****************************************************************************/
:root {
    --typo-gap: calc(1.25rem * var(--typo-calc-size));
    --typo-double-gap: calc(2.5rem * var(--typo-calc-size));
    --typo-half-gap: calc(0.625rem * var(--typo-calc-size));
    --typo-section-gap: calc(2rem * var(--typo-calc-size));
}

@media screen and (min-width:40em){
    :root {
        --typo-section-gap: 3em;
    }
}

@media screen and (min-width:64em){
    :root {
        --typo-section-gap: 4em;
    }
}

/***************************************************************************
* Font-Sizes
H1: 56 => 3.5
H2: 56 => 3.5
H3: 28 => 1.75
****************************************************************************/
:root {
    --typo-font-size-default: calc(1rem * var(--typo-calc-size));
    --typo-font-size-h1: calc(2.25rem * var(--typo-calc-size));
    --typo-font-size-h2: calc(2.25rem * var(--typo-calc-size));
    --typo-font-size-h3: calc(1.5rem * var(--typo-calc-size));
    --typo-font-size-h4: calc(1.125rem * var(--typo-calc-size));
    --typo-font-size-small: calc(0.75rem * var(--typo-calc-size));
}

@media screen and (min-width:40em){
    :root {
        --typo-font-size-h1: calc(2.875rem * var(--typo-calc-size));
        --typo-font-size-h2: calc(2.875rem * var(--typo-calc-size));
        --typo-font-size-h3: calc(1.625rem * var(--typo-calc-size));
        --typo-font-size-h4: calc(1.25rem * var(--typo-calc-size));
    }
}

@media screen and (min-width:64em){
    :root {
        --typo-font-size-h1: calc(3.5rem * var(--typo-calc-size));
        --typo-font-size-h2: calc(3.5rem * var(--typo-calc-size));
        --typo-font-size-h3: calc(1.75rem * var(--typo-calc-size));
        --typo-font-size-h4: calc(1.5rem * var(--typo-calc-size));
    }
}
/*
:root {
    --typo-font-size-default: calc(1rem * var(--typo-calc-size));
    --typo-font-size-h1: calc(4rem * var(--typo-calc-size));
    --typo-font-size-h2: calc(2rem * var(--typo-calc-size));
    --typo-font-size-h3: calc(1.75rem * var(--typo-calc-size));
    --typo-font-size-h4: calc(1.0625rem * var(--typo-calc-size));
    --typo-font-size-small: calc(0.75rem * var(--typo-calc-size));
}

@media screen and (min-width:40em){
    :root {
        --typo-font-size-h1: calc(6.5rem * var(--typo-calc-size));
        --typo-font-size-h2: calc(3.25rem * var(--typo-calc-size));
        --typo-font-size-h3: calc(2rem * var(--typo-calc-size));
        --typo-font-size-h4: calc(1.125rem * var(--typo-calc-size));
    }
}

@media screen and (min-width:64em){
    :root {
        --typo-font-size-h1: calc(8.75rem * var(--typo-calc-size));
        --typo-font-size-h2: calc(4rem * var(--typo-calc-size));
        --typo-font-size-h3: calc(2.25rem * var(--typo-calc-size));
        --typo-font-size-h4: calc(1.25rem * var(--typo-calc-size));
    }
}
*/