:root {
    --white: #fff;
    --gray3: #f9f9f9;
    --gray5: #f5f5f5;
    --gray10: #f0f0f0;
    --gray20: #eaeaea;
    --gray30: #e5e5e5;
    --gray40: #dadada;
    --gray45: #d0d0d0;
    --gray50: #999;
    --gray60: #666;
    --gray65: #555;
    --gray70: #444;
    --gray80: #333;
    --gray90: #222;
    --gray95: #151515;
    --black: #000;
    --black85: rgba(0, 0, 0, 0.85);
    --black60: rgba(0, 0, 0, 0.6);
    --black50: rgba(0, 0, 0, 0.5);
    --black40: rgba(0, 0, 0, 0.4);
    --black30: rgba(0, 0, 0, 0.3);
    --black20: rgba(0, 0, 0, 0.2);
    --black15: rgba(0, 0, 0, 0.15);
    --black05: rgba(0, 0, 0, 0.05);
    --white85: rgba(255, 255, 255, 0.85);
    --white70: rgba(255, 255, 255, 0.7);
    --white60: rgba(255, 255, 255, 0.6);
    --white45: rgba(255, 255, 255, 0.45);
    --white30: rgba(255, 255, 255, 0.3);
    --white20: rgba(255, 255, 255, 0.2);
    --white10: rgba(255, 255, 255, 0.1);
    --primary-color: #397f19;
    --second-color: #43951e;
    --thirdly-color: #f60;
    --red20: #ec7979;
    --red40: #d64444;
    --red60: #be0000;
    --blue10: #e7eef8;
    --blue40: #0076e3;
    --blue60: #0057a6;
    --green40: #0d9f1c;
    --yellow20: #fffae0;
    --yellow30: #fff6d1;
    --yellow60: #ffc700;
    --redbg: #ffe8e8;
    --greenbg: #e5ffd9;
    --goalbg: #ffe99c;
    --home_team: #de682f;
    --away_team: #2495da;
    --table_header: var(--gray10);
    --table_highlight: var(--gray5);
    --down: red;
    --up: green;
    --body-bg: var(--gray30);
    --footer-bg: var(--gray65);
    --white-bg: var(--white);
    --bgcolor-1: var(--white);
    --bgcolor-2: var(--gray5);
    --bgcolor-3: var(--gray30);
    --bgcolor-4: var(--gray40);
    --text-white: var(--white);
    --textcolor-1: var(--gray90);
    --textcolor-2: var(--gray60);
    --textcolor-3: var(--gray50);
    --textcolor-4: var(--gray40);
    --border-1: var(--white);
    --border-2: var(--gray10);
    --border-3: var(--gray30);
    --border-4: var(--gray45);


    --bg-odds-normal-before-light: #FFDCAA;
    --bg-odds-normal-light: #FFF5E7;

    --bg-odds-normal-before-dark: #683C1E;
    --bg-odds-normal-dark: #372A21;

    /* color of text inside label */
    --color-odds-up-dark: #E6E6E6;
    --color-odds-down-dark: #E6E6E6;

    --color-odds-up-light: #282828;
    --color-odds-down-light: #282828;

    /* color of odds label */
    --bg-odds-up-before-light: #28BB81;
    --bg-odds-up-light: #C9FFE9;

    --bg-odds-down-before-light: #DA675C;
    --bg-odds-down-light: #FFDBD8;

    --bg-odds-up-before-dark: #1B9E68;
    --bg-odds-up-dark: #224C3B;

    --bg-odds-down-before-dark: #A33234;
    --bg-odds-down-dark: #5B2526;

    /* background color of arrow inside odds label */
    --bg-odds-arrow-up-light: #2A795A;
    --bg-odds-arrow-down-light: #6C0708;

    --bg-odds-arrow-up-dark: #009257;
    --bg-odds-arrow-down-dark: #BD0D0D;


    /* Màu tỷ số của trận đấu đang diễn ra */
    --color-score-live-light: #E51B00;
    --color-score-live-dark: #10E18D;

    /* Màu tỷ số của trận đấu */
    --color-score-light: #C99717;
    --color-score-dark: #ff9607;
}

.dark {
    --red40: #de5b5c;
    --red60: #d64c3e;
    --blue10: #223240;
    --blue20: #224c73;
    --blue60: #3a8ad4;
    --yellow20: #3a362f;
    --yellow30: #4e473b;
    --redbg: #4e1c1c;
    --greenbg: #2c4e1c;
    --goalbg: #765e00;
    --table_header: var(--gray80);
    --table_highlight: var(--gray80);
    --body-bg: var(--gray95);
    --footer-bg: var(--gray90);
    --bgcolor-1: var(--gray90);
    --bgcolor-2: var(--gray80);
    --bgcolor-3: var(--gray70);
    --bgcolor-4: var(--gray70);
    --bg-highlight-1: #2c2818;
    --bg-highlight-2: #332f1f;
    --textcolor-1: var(--white);
    --textcolor-2: var(--gray50);
    --textcolor-3: var(--gray50);
    --textcolor-4: var(--gray60);
    --border-2: var(--gray80);
    --border-3: var(--gray70);
    --border-4: var(--gray70);
}