@import "../bundles/bootstrap/css/bootstrap.min.css";

:root {
    --olympique-blue-color: #007fcc;
    --olympique-yellow-color: #faad17;
    --olympique-black-color: #020202;
    --olympique-green-color: #00984b;
    --olympique-red-color: #ec3652;
    --main-blue-color: #00004d;
    --main-yellow-color: #fab900;
    --main-white-color: #ffffff;
    --main-soft-blue-color: #006aff;
    --ouverture-orange-color: #f15a24;
    --ouverture-blue-color: #006aff;
    --ouverture-yellow-color: #fab900;
    --ouverture-red-color: #e7374f;
    --ouverture-green-color: #0ba650;

}

@font-face {
    font-family: 'Paris JO';
    src: url('../fonts/PARIS_2024/Paris2024-Regular.woff2') format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'Paris JO';
    src: url('../fonts/PARIS_2024/Paris2024-Semibold.woff2') format("woff2");
    font-weight: 600;
}

@font-face {
    font-family: 'Paris JO';
    src: url('../fonts/PARIS_2024/Paris2024-Bold.woff2') format("woff2");
    font-weight: 700;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.woff') format("woff");
    font-weight: 400;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Semibold.woff') format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.woff') format("woff");
    font-weight: 700;
}

@font-face {
    font-family: 'Liquid Crystal';
    src: url('../fonts/liquidcrystal-light.woff2') format("woff2");
    font-weight: 300;
}
@font-face {
    font-family: 'Liquid Crystal';
    src: url('../fonts/liquidcrystal-normal.woff2') format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'Liquid Crystal';
    src: url('../fonts/liquidcrystal-bold.woff2') format("woff2");
    font-weight: 700;
}

button:focus, a:focus, input:focus
{
    outline: none;
}

body {
    font-family: "Paris JO", sans-serif !important;
    font-weight: 400;
}

.text-blue {
    color: var(--main-blue-color)
}

.text-ouverture-yellow {
    color: var(--ouverture-yellow-color)
}

.text-ouverture-blue {
    color: var(--ouverture-blue-color)
}

.text-ouverture-orange {
    color: var(--ouverture-orange-color)
}

.text-ouverture-black {
    color: var(--olympique-black-color)
}

.text-ouverture-green {
    color: var(--ouverture-green-color)
}

.text-ouverture-red {
    color: var(--ouverture-red-color)
}

.btn-red {
    background-color: var(--ouverture-red-color);
    color: var(--main-white-color);
}