:root {

    /* Oustaoo colors */

    --oustaoo-gold: #DCAD56;

    --oustaoo-orange: #D86730;

    --oustaoo-cream: #F6EDD9;

    --oustaoo-blue: #1E3A5F;


    /* UI */

    --color-text: #2B2B2B;

    --color-muted: #777;

    --color-white: #ffffff;

    --color-border: #E5E0D6;



    /* Identité */
    --oa-green: #23483A;

    /* Fonds */
    --oa-cream: #F4EFE3;

 

    /* Secondaire */
    --oa-sage: #8FAF8F;

    /* Terre / illustrations */
    --oa-earth: #72513D;

    /* Texte */
    --oa-text: #202824;


    /* Radius */

    --radius-card: 20px;

    --radius-button: 10px;


    /* Shadow */

    --shadow-card:
        0 15px 40px rgba(0,0,0,.08);

         /* Neutres interface */

    --oustaoo-border: #e5e7eb;

    --oustaoo-muted: #6b7280;

    --oustaoo-background: #f6f7fb;


}


*,
*::before,
*::after{

    box-sizing:border-box;

}


.oa-notice-light {
    background: #f6edd9;
    border: 1px solid #ead8b5;
    color: #6b5630;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6;
    margin: 20px 0;
}