:root {
    --body-color: #F2F4F6;

    --primary-text-color: #69707A;
    --secondary-text-color: #83888F;
    --header-color: #6e767b;

    --primary-theme-color: #ffffff;
    --secondary-theme-color: #FCFCFC;
    --primary-contrast-color: rgba(33, 112, 231, 0.8);
    --primary-contrast-lighter-color: rgba(105, 183, 255, 0.1);

    --border-tag: rgba(0, 10, 32, 0.05);
    --border-footer: #e9e9e9;
    --border-primary: #e9e9e9;

    --card-bg-color: #f7f9fa;
    --game-card-bg-color: #ffffff;
    --input-background-color: #ffffff;

    --p-datatable-background-color: #eff3f8;
    --p-datatable-header-text-color: #708da9;
    --p-datatable-border: #dfe7ef;
    --p-datatable-tr: #f9f9f9;
    --p-datatable-eleven: #ffffff;

    --timer-game-color: #005a63;
    --input-game-bg-color: #f5f5f5;

    --text-color: #69707A;
    --primary-color: #5297FF;
    --primary-color-text: #FFFFFF;
    --primary-light-color: #69B7FF;
    --primary-lighter-color: rgba(105, 183, 255, 0.1);
    --primary-dark-color: #297FFF;
    --surface-ground: #F2F4F6;
    --surface-border: #dee2e6;

    --background-settings: #e2e9f2;
    --background-alert: #83888F;
}

:root .dark {
    --body-color: #3E4754;
    --surface-ground: #3E4754;
    --surface-border: rgb(1, 1, 1);

    --primary-text-color: #EAEBEC;
    --secondary-text-color: #83888F;
    --header-color: #b2b2b2;

    --primary-theme-color: #293241;
    --secondary-theme-color: #1E2732;
    --primary-contrast-color: rgba(33, 112, 231, 1);
    --primary-contrast-lighter-color: rgba(105, 183, 255, 0.1);

    --border-tag: rgba(0, 0, 0, 0.4);
    --border-footer: #383838;
    --border-primary: #383838;

    --card-bg-color: #1E2732;
    --game-card-bg-color: #1E2732;
    --input-background-color: #242d38;

    --p-datatable-background-color: #293241;
    --p-datatable-header-text-color: #EAEBEC;
    --p-datatable-border: #545B67;
    --p-datatable-tr: #1E2732;
    --p-datatable-eleven: #293241;

    --timer-game-color: #bbf9ff;
    --input-game-bg-color: #000;

    --text-color: #69707A;
    --primary-color: #5297FF;
    --primary-color-text: #FFFFFF;
    --primary-light-color: #69B7FF;
    --primary-lighter-color: rgba(105, 183, 255, 0.1);
    --primary-dark-color: #297FFF;
    --surface-border: rgb(1, 1, 1);
    --background-settings: #1e2732;
    --background-alert: #83888F;

    --surface-0: #293241;
    --surface-50: #343d4a;
    --surface-100: #545b67;
    --surface-200: #69707a;
    --surface-300: #7f848d;
    --surface-400: #9499a0;
    --surface-500: #a9adb3;
    --surface-600: #bfc2c6;
    --surface-700: #d4d6d9;
    --surface-800: #eaebec;
    --surface-900: #ffffff;
    --gray-50: #eaebec;
    --gray-100: #d4d6d9;
    --gray-200: #d4d6d9;
    --gray-300: #bfc2c6;
    --gray-400: #a9adb3;
    --gray-500: #7f848d;
    --gray-600: #69707a;
    --gray-700: #545b67;
    --gray-800: #343d4a;
    --gray-900: #293241;

    --surface-section: #343d4a;
    --surface-card: #343d4a;
    --surface-overlay: #343d4a;
    --surface-border: #545b67;
    --surface-hover: rgba(94, 234, 212, 0.2);
}