:root {
    --system-grey: #e0dddd;     /* floating box */
    --system-blue: #337ab7;    /* add-post button */
    --system-pink: #cf0672;    /* for decoration purpose */
    --button-hover-blue: #22527c;

    --system-back-ground-white: #fefefe;

    --text-background-light-grey: #eeecec;   /* not being used so far */
    --text-light-grey: #ababab;   /* posts-from-city-post-time */
    --text-dark-grey: #555;   /* posts-from-city-post-comment-count */
    --text-black: #0e0d0d;
    --text-white: white;

    --line-light-grey: #eee;  /* post_details lines between comments*/
    --line-dark-grey: #ddd;  /* post_details lines between comments*/

    /* Add more variables as needed */
    --ad-text-color-pink-dark: #b2025f;
    --ad-text-color-pink: #f1168c;
    --ad-text-color-pink-light: #f56db7;

    /* NOTE: BIG MAC SCREEN Fontsize related formatting */
    /* NOTE: BIG MAC SCREEN Fontsize related formatting */
    /* NOTE: BIG MAC SCREEN Fontsize related formatting */
    --mac-big-font: 16px;
    --mac-regular-font: 14px;
    --mac-big-title-font: 40px;
    --mac-small-title-font: 30px; /* 1.8em */
    --mac-small-title-font2: 2.0em;

    /* Format for button in mac screen*/
    --mac-standard-button-font: 14px;
    --mac-standard-button-width2: 58px; /* This is for 2 chinese charactor*/
    --mac-standard-button-width4: 86px; /* This is for 4 chinese charactor*/
    --mac-standard-button-width5: 100px; /* This is for 5 chinese charactor*/

    /* NOTE: Format for button in CELL SCREEN/
    /* NOTE: Format for button in CELL SCREEN*/
    /* NOTE: Format for button in CELL SCREEN*/
    --sss-standard-button-font: 12px;
    --sss-standard-button-width2: 48px; /* This is for 2 chinese charactor*/
    --sss-standard-button-width4: 73px; /* This is for 4 chinese charactor*/
    --sss-standard-button-width5: 82px; /* This is for 5 chinese charactor*/
    --sss-standard-button-height: 32px;

    /*--ad-text-color-pink-dark-background: rgba(241, 22, 140, 0.25);*/
    /* Add more variables as needed */
    /*--ad-text-color-pink-hover: #c7036c;*/
    /*--ad-text-color-pink-light-hover: #f1168c;*/
    /* Define variable for SMALL CELLPHONE SCREEN font size */
    --sss-big-title-font: 25px;
    --sss-regular-title-font: 18px;
    --sss-small-text-font: 10px;
    --sss-medium-text-font: 11.5px; /* used for post_details */
    --sss-regular-text-font: 13px;
    --sss-big-text-font: 14px;

    /* for flash message errors/info */

    /* NOTE: iPad / Tablet font sizes (768px – 1024px) */
    /* NOTE: iPad / Tablet font sizes (768px – 1024px) */
    /* NOTE: iPad / Tablet font sizes (768px – 1024px) */
    --ipad-big-font: 15px;
    --ipad-regular-font: 13px;
    --ipad-big-title-font: 32px;
    --ipad-regular-title-font: 22px;
    --ipad-small-text-font: 11px;

    /* Format for button in iPad screen */
    --ipad-standard-button-font: 13px;
    --ipad-standard-button-width2: 52px;
    --ipad-standard-button-width4: 78px;
    --ipad-standard-button-width5: 90px;
    --ipad-standard-button-height: 34px;

}