:root{
    /* Header Hex Colors */
    --header-bg: #FFFFFF;
    --header-link-hover: #FF3861;
    --header-link: #0080f0;
    --header-index-mobile: #eb7527;
    --header-home-text-mobile: #FFFFFF;
    --header-btn-menu-bg: #eb7527;
    --header-btn-close-bg: #FFFFFF;
    --header-btn-menu: #ffffff;
    --header-btn-close: #000000;

    /* Footer Hex Colors */
    --footer-default: #FFFFFF;
    --footer-navigation: #FFFFFF;
    --footer-navigation-hover: #ffff00;
    --footer-policy-message: #FFFFFF;
    --footer-policy-hover: #ffff00;

    /* Contact Hex Colors */
    --contact-bg: #420F71;
    --contact-header-title: #f5e929;
    --contact-title: #33E9F4; 
    --contact-link: #e9d939;
    --contact-text: #FFFFFF;

    --contact-form-bg: #1d4684;
    --contact-form-bg-gradient: #116eb1;
    --contact-form-text: #2fc2e3;
    --contact-form-dropdown-text: #007ABB;
    --contact-form-dropdown-hover: #E7E9F1;
    --contact-form-submit-hover-text: #0080CF;
    --contact-form-submit-hover-bg: #f4f028;
    --contact-form-submit-border: #f4f028;
    --contact-form-submit-text: #f4f028;
    --contact-form-required-label-text: #f4f028;
    /* Home Hex Colors */
    --home-header-title: #398dd6;
    --home-background: #F0F8FC;
    --home-button-background: #FF3861;
    --home-button-text: #FF3861;
    --home-button-border: #FF3861;
    --home-button-text-hover: #FFFFFF;

    --home-label-hover: #FF3861;
    --home-label-text-hover: #FFFFFF;

    --home-label-link-hover: #FF6C95;
    --home-label-title-hover: #FFFFFF;

    --home-label-subtitle: #00EFFD;
    --home-label-title: #FFFFFF;
    --home-label-background: #1e151b7c;

    /* Job Opening */
    --job-signup-btn-bg: #FEF31D;
    --job-signup-btn-text: #398DD6;
    --job-signup-text: #398DD6;
    --job-signup-bg: #F0F8FC;

    --job-opening-btn-bg: #FF3861;
    --job-opening-btn-border: #FF3861;
    --job-opening-btn-text: #FF3861;
    --job-opening-btn-text-hover: #FFFFFF;
    /* Stories Hex Colors */
    --stories-bg:#f0f8fc;
    --stories-header-title: #398dd6;
    --stories-line: #38c3fa;
    --stories-inactive-bg: #f0f8fc;
    --stories-active-bg: #420f71b7;
    --stories-active-text: #FFFFFF; 
    --stories-link-hover: #FEF31D;
    --stories-dropdown-text: #398dd6;
    --stories-author-profile-bg: #86adc1;
    --stories-author-profile-social-icon: #86adc1;
    --stories-sharelink-icon: #FFFFFF;
    --stories-text: #6F6F6F;
    --stories-date: #AEAEAE;
    --stories-search:#FFFFFF;

    /* About Hex Colors */
    --about-gradient-top-bg: #31345B;
    --about-gradient-bottom-bg: #551180;

    --about-ourstory-title: #31345B;

    --about-timeline-title: #FEF31D;
    --about-timeline-date: #94C4EC;
    --about-timeline-text: #F0F8FC;
    --about-timeline-line: #FFFFFF;
    --about-timeline-connector: #398dd6;
    --about-timeline-dot: #FEF31D;
    --about-timeline-dot-border: #31345B;

    --about-team-name: #FEF31D;
    --about-team-position: #F0F8FC;
    --about-team-profile-bg: #5B063D;
    
    --about-earth-title: #CAE77B;
    --about-earth-text: #F5FFDD;
    --about-earth-bg: #135B79;
    --about-earth-border: #398dd6;

    --about-monstroplanet-border: #fe918d;
    --about-monstroplanet-top-bg: #950f61;
    --about-monstroplanet-botton-bg: #551180;

    --about-page-link-border: #fff417;
    --about-page-link-selected: #fff417;
    --about-page-link-value: #fff417;
    --about-page-link-value-selected: #2c997c;

    /* Games Hex Colors */
    --games-button-bg-hover: #FF3861;
    --games-button-bg-hover-link: #FF6C95;
    --games-button-bg: #2DD0FC;
    --games-button-bg-link: #46DBFC;
    --games-button-text: #FFFFFF;

    --games-header: #398DD6;
    --games-border-line: #6DC7EE;
    --games-title: #0B2032;
    --games-text: #6F6F6F;

    /* Search Bar Hex Colors */
    --searchbar-placeholder: #C7C7C7;
    --searchbar-line: #969FAC;
    --searchbar-border-shadow: #969FAC;
    --searchbar-dropdown-title: #3157A8;
    --searchbar-dropdown-text: #007ABB;
    --searchbar-dropdown-hover: #E7E9F1;
    --searchbar-button: #7DDA10;
    --searchbar-background: #FFFFFF;

    /* Banner Hex Colors */
    --banner-title: #FEF31D;
    --banner-text: #FFFFFF;
    --banner-text-dark: #6F6F6F; 
    --banner-service-text-mobile: #f77d0b;
  

    /* Article Hex Colors */
    --article-title: #DD3C81;
    --article-subtitle: #0095D7;
    --article-link: #FD7B00;
    --article-background: #CEE2EC;
    --article-text: #6F6F6F;

    --article-blockquote-line: #0095D7;
    --article-blockquote-text: #7c7c7c;
    
    --article-tags-text: #6F6F6F;
    --article-tags-background: #CEE2EC;

    /* Press Hex Colors */
    --press-title: #DD3C81;
    --press-head-title: #0080Cf;
    --press-link: #FD7B00;
    --press-background: #f0f8fc;
    
    --press-page-bold: #0080Cf;
    --press-page-text: #6F6F6F;
    --press-page-link: #5c5c5c;
    --press-page-subtitle-active: #DFF0F8;

    --press-tags-text: #6F6F6F;
    --press-tags-background: #d6e9f9;
    --press-text-white: #FFFFFF;
    --press-view-press-kit: #ff3861;

    /* Join Team Hex Color  */
    --join-title: #0080Cf;
    --join-text: #6F6F6F;
    --join-card-bg: #d6e9f9;;
    --join-card-description-hover: #355CA0;
    --join-card-footer: #d6e9f9;

    --join-value-description-bg: #f0f8fc;
    --join-value-description-text: #6F6F6F;
    --join-value-title-bg: #420f71;
    --join-value-title-text: #FFFFFF;
    
    /* Join Selected Team Hex Color  */
    --join-selected-title: #DD3C81;

    --join-selected-description-unclicked: #6F6F6F;
    --join-selected-description-clicked: #398DD6;

    --join-selected-header-info: #0095D7;
    --join-selected-text-info: #969FAC;
    
    --join-selected-border-line: #6DC7EE;

    --join-selected-email: #FFFFFF;
    --join-selected-contact-button: #355CA0;

    /* Sign Up Hex Colors */
    --signup-bg: #0e2450;
    --signup-head-title: #ffb034;
    --signup-text-white: #FFFFFF;
    --signup-submit-btn: #55c2ec;
    --signup-input-focus: #dd7b1f;
    --signup-label-required: #ff0000;

    --signup-service-bg: #1d4684;
    --signup-service-bg-gradient: #116eb1;
    --signup-service-head-title: #fdf31f;
    --signup-service-text: #0fc0e2;
    --signup-service-text-white: #FFFFFF;
    --signup-service-submit-btn: #fdf31f;
    --signup-service-label-required: #0fc0e2;
    /* News Letter Hex Color */
    --news-text: #FFFFFF;
    --news-placeholder: #C7C7C7;

    --news-button: #FEF31D;
    --news-button-text: #398DD6;
    --news-background:#354082;
    --news-service-text: #faf01d;
    --news-service-button: #faf01d;
    --news-service-button-text: #faf01d;
    --news-service-button-hover: #faf01d;
    --news-service-button-text-hover: #354082;

    /* Games Selected Hex Color */
    --games-selected-background: #CEE2EC;
    --games-cover: #354284;

    --games-dropdown-title: #3157A8;
    --games-media-header-title: #388ed2;
    --games-border-line: #6DC7EE;
    --games-text-info: #6F6F6F;
    --games-button-text: #FFFFFF;
    --games-button: #7DDA10;

    /* Latest Update Signup Hex Color */
    --signup-text: #FFFFFF;
    --signup-placeholder: #C7C7C7;

    --signup-button: #FEF31D;
    --signup-button-text: #398DD6;

    /* Service Page Color */
    --service-banner-label-bg:#d6e9f8;
    --service-banner-title: #FFFFFF;
    --service-banner-description: #FFFFFF;
    --service-banner-description-mobile: #7c8183;
    --service-banner-button-bg: #ff3861;
    --service-banner-button-text: #FFFFFF;
    --service-selected-game-title: #388ed7;
    --service-content-card-border: #a0a4a7;
    --service-content-card-title: #0c6caf;
    --service-content-card-description: #6b6b6b;
    --service-index-card-title: #0c6caf;
    --service-index-card-description: #6b6b6b;
    --service-index-card-border: #7dcfd9;
    --service-index-card-btn-text: #f93d61;
    --service-index-card-btn-border: #f93d61;
    --service-index-card-btn-bg-hover: #f93d61;
    --service-index-card-btn-text-hover: #FFFFFF;
    --service-index-card-separator: #83c1e0;

    /* Support Page Color */
    --support-banner-label-bg:#d6e9f8;
    --support-banner-title:#FEF31D;
    --support-banner-description:#FFFFFF;
    --support-page-caption-text:#0385f1;
    --support-page-card-title:#FFFFFF;
    --support-category-bg:#FFFFFF;
    --support-category-card-description:#000000;
    --support-category-card-more-text:#fc4a6e;
    --support-category-caption-text:#d5308b;
    --support-category-highlight:#d5308b;
    --support-question-button-text:#388ed7;
    --support-question-button-arrow:#7dda10;
    --support-question-caption:#f93d61;
    --support-question-detail:#6b6b6b;
}