/*
 * USACcgt Theme for Simulateur Salaire USACcgt by Gilles CAMBEFORT.
 * Copyright Gilles CAMBEFORT, 2023
 */

:root {
	/* Couleurs */
	--background-color: #FFF;
	--font-dark-color: #132836; /* "Noir" */
	--font-light-color: #FFF3F0; /* "Blanc" */

	--primary-color:  #335F7F;/* Le bleu CGT */
	--primary-lt-color: #679CC3;
	--primary-lt2-color: #CDDFEB;

	--secondary-color: #FF6648; /* Le Orange CGT */
	--secondary-lt-color: #FF8978;
	--secondary-lt2-color-split: 255, 212, 204; /* #FFD4CC */
	--secondary-lt2-color: rgb(var(--secondary-lt2-color-split));

	--grey-light-color-split: 191, 196, 200; /*#BFC4C8 */
	--grey-light-color: rgb(var(--grey-light-color-split)) ;

	--error-color: #C21513;
	--error-lt-color: #FFC0E1;
	--ok-color: #007209;
	--ok-lt-color: #4FFF4F;
	--form-grey-color: #70787c;

	/* Disabled state à retravailler */
	--text-disable-color: rgba(204, 48, 14, 0.6);

	/*Texte */
	--text-text: Roboto, 'RobotoCGT', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--title-text: 'Roboto-BlackCGT', -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";
	--effect-text: 'Furore', 'Roboto-BlackCGT', -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";
	/* --mono-text : effet machine � �crire */
	--mono-text: "Courier New", Courier, "Liberation Mono", monospace;

	/* Size (Base Line and font) */
	--baseline: 1rem;
	--baseline-x2:  calc(var(--baseline) * 2); /* Ligne de base texte normal */
	--baseline-x3:  calc(var(--baseline) * 3);
	--baseline-x4:  calc(var(--baseline) * 4); /* 2 lignes de base */
	--baseline-x5:  calc(var(--baseline) * 5);
	--baseline-x6:  calc(var(--baseline) * 6); /* 3 Lignes de base */
	--baseline-x7:  calc(var(--baseline) * 7);
	--baseline-x8:  calc(var(--baseline) * 8); /* 4 Lignes de base */
	--baseline-x10:  calc(var(--baseline) * 10); /* 5 Lignes de base */

	--baseline-x2-inv:  calc(var(--baseline) * 2 * -1); /* Pour les checkbox */

	/* Perfect Fourth Scaling (1.333) for Typographie font size */
	/* see https://designshack.net/articles/typography/guide-to-responsive-typography-sizing-and-scales/ */
	--font-size-x-small: 0.9rem;
	--font-size-small: 1.2rem;
	--font-size-normal: 1.6rem;
	/* Ci-dessous, taille originellement des h5 à h1 mais en fait, on n'utilisera pas tous ces niveaux de titres et le h1 était vraiment trop gros. Du coup renommé en x2 à x6. */
	--font-size-x2: 2.13rem;
	--font-size-x3: 2.84rem;
	--font-size-x4: 3.79rem;
	--font-size-x5: 5.05rem;
	--font-size-x6: 6.73rem;
}


/* Roboto Familly (2011) by Christian Robertson, copyright Google 2012 - licence : Apache License Version 2.0
Webfont generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-medium-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-bold-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-bolditalic-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-mediumitalic-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-light-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'RobotoCGT';
    src: url('../static/roboto-font-family/roboto-lightitalic-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
	font-display: swap;
}


@font-face {
    font-family: 'Roboto-BlackCGT';
    src: url('../static/roboto-font-family/roboto-black-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto-BlackCGT';
    src: url('../static/roboto-font-family/roboto-black-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-black-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto-BlackCGT';
    src: url('../static/roboto-font-family/roboto-blackitalic-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Roboto-BlackCGT';
    src: url('../static/roboto-font-family/roboto-blackitalic-webfont.woff2') format('woff2'),
		 url('../static/roboto-font-family/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}


@font-face {
    font-family: 'Furore';
    src: url('../static/furore-font/furore-webfont.woff2') format('woff2'),
		 url('../static/furore-font/furore-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}