@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;600;700&display=swap');

body { font-family: 'Poppins', sans-serif; }

:root {
    --primary:      #27ae60;
    --primary-dark: #219a52;
    --navy:         #2c3e50;
    --blue:         #3498db;
    --grey:         #7f8c8d;
    --light-grey:   #aab;
    --bg:           #f5f6fa;
    --border:       #e8e8e8;
    --white:        #ffffff;
    --shadow-sm:    0 2px 8px rgba(0,0,0,0.06);
    --shadow-md:    0 6px 16px rgba(0,0,0,0.10);
    --shadow-lg:    0 15px 35px rgba(0,0,0,0.20);
    --radius-sm:    8px;
    --radius-md:    12px;
    --radius-lg:    20px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Bouton retour universel ── */
.btn-retour {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.13);
    line-height: 1;
    transition: background 0.15s;
}
.btn-retour:active { background: #eef0f4; }