/*
// arnAu bellavista 2025
// RKOR Experience
// Estils CSS Arrel
*/

/* VARIABLES ESTILS ROOT 00 Base */
:root {	
	/* Marges */
	--marge-mig: 10px;
	--marge: 20px;
	--marge-doble: 40px;
	/* Colors */
	--color-fons: #23283e;
	--color-fons2: #48567c;
	--color-fons-op: #22222270;
	--color-text: #f2f2f2;
	--color-primer: #f5b12d;
	--color-segon: #f5712d;
	--color-clar: #96a8d3;
	--color-fosc: #626c83;
	/* Transició */
	--transicio: 0.2s;
}

/* OSWALD WEBFONT */
@font-face {
    font-family: 'Oswald Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald Regular'), url('../fonts/Oswald-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Regular';
    font-style: italic;
    font-weight: normal;
    src: local('Oswald Regular'), url('../fonts/Oswald-RegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald ExtraLight';
    font-style: italic;
    font-weight: normal;
    src: local('Oswald ExtraLight'), url('../fonts/Oswald-Extra-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald ExtraLight'), url('../fonts/Oswald-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Light';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald Light'), url('../fonts/Oswald-Light.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Light';
    font-style: italic;
    font-weight: normal;
    src: local('Oswald Light'), url('../fonts/Oswald-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Oswald Medium'), url('../fonts/Oswald-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Medium';
    font-style: italic;
    font-weight: normal;
    src: local('Oswald Medium'), url('../fonts/Oswald-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald DemiBold';
    font-style: italic;
    font-weight: bold;
    src: local('Oswald DemiBold'), url('../fonts/Oswald-Demi-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald DemiBold';
    font-style: normal;
    font-weight: bold;
    src: local('Oswald DemiBold'), url('../fonts/Oswald-DemiBold.woff') format('woff');
}

 @font-face {
    font-family: 'Oswald Bold';
    font-style: normal;
    font-weight: bold;
    src: local('Oswald Bold'), url('../fonts/Oswald-Bold.woff') format('woff');
 }

 @font-face {
    font-family: 'Oswald Bold';
    font-style: italic;
    font-weight: bold;
    src: local('Oswald Bold'), url('../fonts/Oswald-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Heavy';
    font-style: normal;
    font-weight: heavy;
    src: local('Oswald Heavy'), url('../fonts/Oswald-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Oswald Heavy';
    font-style: italic;
    font-weight: heavy;
    src: local('Oswald Heavy'), url('../fonts/Oswald-HeavyItalic.woff') format('woff');
}
    
@font-face {
    font-family: 'Oswald Stencil Bold';
    font-style: stencil;
    font-weight: normal;
    src: local('Oswald Stencil Bold'), url('../fonts/Oswald-Stencil.woff') format('woff');
}