/* Yalimkazan Custom Font System */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Yalimkazan Web Font Family - Using Montserrat (similar to Viessmann Web) */
@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 100;
    src: local('Montserrat Thin'), local('Montserrat-Thin');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 200;
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat Medium'), local('Montserrat-Medium');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 800;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web';
    font-style: normal;
    font-weight: 900;
    src: local('Montserrat Black'), local('Montserrat-Black');
}

/* Yalimkazan Web Wide Font Family - Also using Montserrat */
@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web Wide';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web Wide';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web Wide';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold');
}

@font-face {
    font-display: swap;
    font-family: 'Yalimkazan Web Wide';
    font-style: normal;
    font-weight: 900;
    src: local('Montserrat Black'), local('Montserrat-Black');
}

/* Base Typography Variables */
body {
    --vic-typo__body: 'Yalimkazan Web', 'Montserrat', sans-serif;
    --vic-typo__heading: 'Yalimkazan Web', 'Montserrat', sans-serif;
    --vic-typo__wide: 'Yalimkazan Web Wide', 'Montserrat', sans-serif;
    --vic-typo__weight--bold: 700;
    --vic-typo__weight--headline: 700;
    --vic-typo__weight--wide: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--vic-typo__body);
}

/* Animation Keyframes */
@keyframes vic-rotate__animation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes vic-scale__animation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes loadingShimmer {
    0% {
        left: -40%
    }

    to {
        left: 140%
    }
}

@keyframes vic-fade-in-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/* Typography Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--vic-typo__heading);
    font-weight: var(--vic-typo__weight--headline);
}

.vic-typo-wide {
    font-family: var(--vic-typo__wide);
    font-weight: var(--vic-typo__weight--wide);
}