@import "components/Accordion.css";
@import "components/App.css";
@import "components/Button.css";
@import "components/CheckBox.css";
@import "components/ComboBox.css";
@import "components/Confirm.css";
@import "components/DatePicker.css";
@import "components/Dialog.css";
@import "components/Field.css";
@import "components/Grid.css";
@import "components/Layout.css";
@import "components/LoginOverlay.css";
@import "components/Popover.css";
@import "components/TextArea.css";
@import "components/Texte.css";
@import "components/Upload.css";

:root {
    --couleur-base: #09223b;
    --couleur-fond: aliceblue;
    --font-base: 1em;
    --font-sous-titre: 1.25em;
    --font-titre: 1.50em;
    --font-grand: 1.75em;
}

html {
    color: var(--couleur-base);
    background: var(--couleur-fond);
}

.fond-degrader {
    background-image: linear-gradient(to right, var(--couleur-base), var(--couleur-fond));
}

.menu-app {
    color: white;
    font-style: italic;
    font-size: var(--font-grand);
    text-align: center;
}

.echange {
    background-color: yellow;
}

.cercle {
    border-radius: 50%;
}

.lien-click {
    cursor: pointer;
}