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

:root {
    /* === Header === */
    --headerBackground:       #282828;
    --headerLink:             #ffffff;
    --headerButtonBackground: #a30c0c;
    --headerButtonColor:      #ffffff;
    --headerAccent:           #e91e8c;

    /* === Sign-up button (gold/amber, test site) === */
    --signupButtonBackground: #c8902a;
    --signupButtonColor:      #ffffff;

    /* === Models-online pill (dark olive, test site) === */
    --modelsOnlineBackground: #3d3424;
    --modelsOnlineColor:      #f5e6c8;
    --modelsOnlineDot:        #22c55e;

    /* === Body === */
    --mainBackground:         #f9f9f9;
    --titleColor:             #191919;
    --descriptionColor:       #454444;
    --aboutText:              #a30c0c;

    /* === Search === */
    --searchHeaderBackground: #ffffff;
    --searchHeaderText:       #5d5b5b;
    --inputBackground:        #434242;

    /* === Filters === */
    --filterTitleBackground:  #F9F9F9;
    --filtersBackground:      #F9F9F9;

    /* === Buttons === */
    --buttonsBackground:      #a30c0c;
    --buttonsColor:           #f7f7f7;
    --ethnicityColor:         #faf575;

    /* === LIVE badge (red on test site) === */
    --liveBtnGreen:           #ecb622;
    --liveBtnText:            #100f0f;

    /* === Footer === */
    --footerBackground:       #282828;
    --footerLink:             #ffffff;

    /* === Typography === */
    --fontFamily: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}