body {
    /* header */
    --color-bg-header-dark-purple: #393547;
    --color-bg-header-purple: #858196;
    --color-bg-grey-80: #ccc;
    --color-bg-gray: #666;

    --color-border-header-dark-purple: #393547;
    --color-border-header-light-grey: #DEDEDE;
    --color-border-gray: #666;
    --color-border-grey-80: #ccc;
    --color-border-grey-60: #999;
    --color-border-gray-40: #ddd;
    --color-border-dark-charcoal: #333333;

    --color-text-dark-charcoal: #333333;
    --color-text-dark-blue: #000111;
    --color-text-grey-80: #ccc;
    --color-text-grey-60: #999;

    --color-showdow-grey-80: #ccc;
    /* end header */

    /* globol */
    
    --color-bg-pale-goldenrod:#eee8aa;
    --color-bg-white: #FFFFFF;
    --color-bg-black: #000000;
    --color-bg-green: #008641;
    --color-bg-hint-green: #DFF0D8;
    --color-bg-shade-green: #c1e2b3;
    --color-bg-white-smoke: #F2F2F2;
    --color-bg-white-smoke-5: #F5F5F5;
    --color-bg-white-smoke-7: #F7F7F7;
    --color-bg-white-smoke-b: #ebebeb;
    --color-bg-philippine-gray: #8c8c8c;
    --color-bg-philippine-silver: #b5b5b5;
    --color-bg-dark-black: #00000099;
    --color-bg-bone: #e6e2c8;
    --color-bg-seashell: #f4f2ec;
    --color-bg-almond: #f4eddf;
    --color-bg-alice-blue: #EDF5FC;
    --color-bg-pattens-blue: #d9edf7;
    --color-bg-light-blue: #afd9ee;
    --color-bg-elephant-blue: #144650;
    --color-bg-cultured: #F1F3F4;
    --color-bg-gold: #FFD700;
    --color-bg-satin-gold: #CFA75D;
    --color-bg-yellow: #FF0;
    --color-bg-shade-yellow: #f7ecb5;
    --color-bg-kingfisher-daisy: #563D7C;
    --color-bg-royal-purple: #62458D;
    --color-bg-bright-gray-20: #eef2f3;
    --color-bg-eerie-black: #191919;
    --color-bg-bright-gray: #efefef;
    --color-bg-dark-gray: #111;
    --color-bg-dim-gray: #686868;
    --color-bg-gray-88: #e0e0e0;
    --color-bg-amounts-red: #883336;
    --color-bg-pastel-gray: #d1cebd;
    --color-bg-grayish-red: #e4b9b9;
    --color-bg-grayish-red-1: #ebccd1;
    --color-bg-taupe-gray: #B6A999;
    --color-bg-platinum: #E3E3E3;
    --color-bg-eastern-blue: #00859b;
    --color-bg-versatile-gray: #e5e5e5;
    --color-bg-old-lace: #fcf8e3;
    --color-bg-soft-peach: #f2dede;
    --color-bg-lavender-blush: #f9f2f4;
    /* en */
    --color-bg-dark-green: #014f25;
    --color-bg-gray-94: #f0f0f0;

    --color-bg-green-hover: #008641;

    --color-border-green: #008641;
    --color-border-black: #000000;
    --color-border-lime-green: #058b00;
    --color-border-strong-green: #93bd29;
    --color-border-white: #FFFFFF;
    --color-border-white-smoke-b: #ebebeb;
    --color-border-philippine-gray: #8c8c8c;
    --color-border-smoke: #F9F9F9;
    --color-border-champagne: #f4f0cb;
    --color-border-silver-sand: #bfbec0;
    --color-border-platinum-silver: #cecece;
    --color-border-light-gray: #d1d1d1;
    --color-border-light-gray-7: #d7d7d7;
    --color-border-dark-gray: #a5a5a5;
    --color-border-approx-indigo: #4a148c;
    --color-border-silver: #c0c0c0;
    --color-border-approx-silver: #bbb;
    --color-border-versatile-gray: #e5e5e5;
    --color-border-argent: #888;
    --color-border-black-olive: #3b3b3b;
    --color-border-charcoal: #474747;
    --color-border-grayish-red-1: #ebccd1;
    --color-border-gin-fizz: #faebcc;
    --color-border-gold: #FFD700;
    /* en */
    --color-border-pattens-blue: #dee2e6;
    --color-border-cyan-blue: #0d6efd;
    --color-border-raven: #6c757d;
    --color-border-medium-green: #198754;
    --color-border-shade-cyan: #0dcaf0;
    --color-border-vivid-orange: #ffc107;
    --color-border-amaranth: #dc3545;
    --color-border-blue-charcoal: #212529;
    --color-border-alice-blue: #f8f9fa;
    --color-border-dark-green: #014f25;

    --color-text-noti:#000000;
    --color-text-green: #008641;
    --color-text-light-green: #479947;
    --color-text-lime-green: #058b00;
    --color-text-dark-green: #014f25;
    --color-text-white: #FFFFFF;
    --color-text-black: #000000;
    --color-text-gold: #FFD700;
    --color-text-shuttle-grey: #696a6c;
    --color-text-lucky-grey: #777777;
    --color-text-bright-gray: #efefef;
    --color-text-light-hight-gray: #aaa;
    --color-text-whisper: #ececec;
    --color-text-american-silver: #cfcfcf;
    --color-text-sonic-silver: #747474;
    --color-text-charcoal: #474747;
    --color-text-swiss-coffee: #d5c7c1;
    --color-text-argent: #888;
    --color-text-japanese-laurel: #3c763d;
    --color-text-parsley: #2b542c;
    --color-text-moderate-blue: #31708f;
    --color-text-dark-blue: #245269;
    --color-text-astral: #8a6d3b;
    --color-text-shingle-fawn: #66512c;
    --color-text-apple-red: #a94442;
    --color-text-rose-red: #c7254e;
    --color-text-sanguine-brown: #843534;
    --color-text-light-gray: #d1d1d1;
    --color-text-soft-peach: #f2dede;
    --color-text-old-lace: #fcf8e3;
    /* en */
    --color-text-raven: #6c757d;

    --color-showdow-white: #FFFFFF;
    --color-showdow-black: #000000;
    --color-showdow-light-gray: #c9c9c9;

    /* end globol */

    /* footer */
    --color-bg-footer-black-pearl: #181a2e;
    /* end footer */
}