:root {
    --font-lato: 'Lato', sans-serif;
    --font-montserrat: 'Montserrat', sans-serif;
    --font-playfair: 'Playfair', serif;
    --font-inter: 'Inter', sans-serif;
    --color-jaune: #feeb17;
    --color-orange: #f9b233;
    --color-vert: #99D0c1;
    --color-bleu: #1c5a73;
    --color-bleu-fonce: #172742;
    --color-bleu-fonce-90: rgba(23, 39, 66, 0.9);
    --color-blanc: #fff;
    --color-ivoire: #fcfbfa;
    --color-coton: #f9f6f0;
    --color-lin: #f4efe6;
    --color-lin-accent: #d8cca8;
    --color-blanc-oeuf: #faf8f5;
    --color-terracotta: #e09f3e;
    --color-gray: #f7f8f9;
    --color-gray-border: #d4d5d6;
    --header-height: 140px;
    --footer-height: 50px;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}