:root {
    /* Main Color */
    --tbo-primary: #f4b434;
    --tbo-secondary: #0e63b2;
    --tbo-tertiary: #8b2fc9;
    --tbo-netural: #1f1f1f;
    --tbo-global-color: #ffffff;
    /* Text Color */
    --tbo-color-text-dark: #333333;
    --tbo-color-text-light: #595959;
    --tbo-color-text-darker: #000000;
    /* Neutral Color */
    --tbo-color-bg-800: var(--tbo-netural);
    --tbo-color-bg-700: #4b4b4b;
    --tbo-color-bg-600: #cacaca;
    --tbo-color-bg-500: #e1e1e1;
    --tbo-color-bg-400: #eeeeee;
    --tbo-color-bg-300: #f5f5f5;
    --tbo-color-bg-main: #f2f2f2;
    /* Secondary Color */
    --tbo-color-secondary-1000: #014693;
    --tbo-color-secondary-main: var(--tbo-secondary);
    --tbo-color-secondary-800: #1573c4;
    --tbo-color-secondary-700: #1e85d6;
    --tbo-color-secondary-600: #2593e3;
    --tbo-color-secondary-500: #44a2e7;
    --tbo-color-secondary-400: #65b2ea;
    --tbo-color-secondary-300: #8fc8f1;
    --tbo-color-secondary-200: #baddf6;
    --tbo-color-secondary-100: #ecf5fb;
    /* Primary Color */
    --tbo-color-primary-1000: #e4a21c;
    --tbo-color-primary-main: var(--tbo-primary);
    --tbo-color-primary-800: #fdb412;
    --tbo-color-primary-700: #f5c13a;
    --tbo-color-primary-600: #f6ca45;
    --tbo-color-primary-500: #f9e08c;
    --tbo-color-primary-400: #f9e08c;
    --tbo-color-primary-300: #fbecb9;
    --tbo-color-primary-200: #fbecb9;
    --tbo-color-primary-100: #fdf7e4;
    --tbo-color-bg-100: #fafafa;
    /* Green Color */
    --tbo-color-success-text: #2a4b2a;
    --tbo-color-success-800: #036603;
    --tbo-color-success-700: #396a3a;
    --tbo-color-success-600: #417a43;
    --tbo-color-success-500: #4b8c4d;
    --tbo-color-success-400: #539a56;
    --tbo-color-success-300: #6aa86d;
    --tbo-color-success-200: #82b685;
    --tbo-color-success-100: #a4caa6;
    --tbo-color-success-border: #9fc282;
    --tbo-color-success-bg-msg: #dff0d8;
    --tbo-color-success-bg-dark: #c7dfc8;
    --tbo-color-success-bg-light: #e8f2e9;
    /* Warning Color */
    --tbo-color-warning-txt: #654f29;
    --tbo-color-info-txt: #235067;
    --tbo-color-warning-border: #d6b675;
    --tbo-color-warning-bg-msg: #fbf8e3;
    --tbo-color-info-border: #7cb8c4;
    --tbo-color-info-bg-msg: #d9edf7;
    --tbo-color-info-100: #f0faff;
    /* Danger Red Color */
    --tbo-color-danger-txt: #f2dede;
    --tbo-color-danger-border: #c48792;
    --tbo-color-danger-bg-msg: #79302f;
    --tbo-color-danger-700: #a80503;
    --tbo-color-danger-600: #b90805;
    --tbo-color-danger-500: #e73122;
    --tbo-color-danger-400: #f53c21;
    --tbo-color-danger-300: #f24d41;
    --tbo-color-danger-200: #e96e67;
    --tbo-color-danger-100: #f39792;
    /* Tertiary Color */
    --tbo-color-tertiary1-dark: #7827ae;
    --tbo-color-tertiary1-main: #8b2fc9;
    --tbo-color-tertiary1-900: #964ad0;
    --tbo-color-tertiary1-800: #a161d6;
    --tbo-color-tertiary1-700: #ad76dd;
    --tbo-color-tertiary1-600: #b88ae3;
    --tbo-color-tertiary1-500: #c49ee8;
    --tbo-color-tertiary1-400: #cfb1ee;
    --tbo-color-tertiary1-300: #dbc5f2;
    --tbo-color-tertiary1-200: #e7d8f7;
    --tbo-color-tertiary1-100: #f3ebfb;
    --tbo-color-tertiary2-main: #4ea4a6;
    --tbo-color-tertiary2-dark: #438e90;
    --tbo-color-tertiary2-900: #62adaf;
    --tbo-color-tertiary2-800: #75b6b7;
    --tbo-color-tertiary2-700: #87bfc0;
    --tbo-color-tertiary2-600: #99c8c9;
    --tbo-color-tertiary2-500: #aad1d2;
    --tbo-color-tertiary2-400: #bbdadb;
    --tbo-color-tertiary2-300: #cce3e4;
    --tbo-color-tertiary2-200: #ddeded;
    --tbo-color-tertiary2-100: #eef6f6;
    --tbo-color-tertiary3-dark: #d25c1f;
    --tbo-color-tertiary3-main: #f26b25;
    --tbo-color-tertiary3-900: #f57c44;
    --tbo-color-tertiary3-800: #f88c5c;
    --tbo-color-tertiary3-700: #fb9b71;
    --tbo-color-tertiary3-600: #fdaa86;
    --tbo-color-tertiary3-500: #ffb89b;
    --tbo-color-tertiary3-400: #ffc7af;
    --tbo-color-tertiary3-300: #ffd5c3;
    --tbo-color-tertiary3-200: #ffe3d7;
    --tbo-color-tertiary3-100: #fff1eb;
    --tbo-color-tertiary4-main: #307fe2;
    --tbo-color-tertiary4-900: #488de6;
    --tbo-color-tertiary4-800: #71a6ec;
    --tbo-color-tertiary4-700: #83b1ef;
    --tbo-color-tertiary4-600: #95bdf2;
    --tbo-color-tertiary4-500: #a6c7f4;
    --tbo-color-tertiary4-400: #b7d2f7;
    --tbo-color-tertiary4-300: #c9def9;
    --tbo-color-tertiary4-200: #dae8fb;
    --tbo-color-tertiary4-100: #edf4fc;
    /* Space */
    --tbo-space-xs: 4px;
    --tbo-space-sm: 8px;
    --tbo-space-md: 12px;
    --tbo-space-lg: 16px;
    --tbo-space-xl: 20px;
    --tbo-space-xxl: 24px;
    --tbo-space-xxxl: 28px;
    --tbo-space-xxxxl: 32px;
    --tbo-space-5xl: 48px;
    /* Border Radius */
    --tbo-border-radius-xs: 4px;
    --tbo-border-radius-sm: 8px;
    --tbo-border-radius-md: 12px;
    --tbo-border-radius-lg: 16px;
    --tbo-border-radius-xl: 20px;
    --tbo-border-radius-xxl: 24px;
    --tbo-border-radius-xxxl: 28px;
    --tbo-border-radius-xxxxl: 32px;
    /* Font Size */
    --tbo-font-size-xs: 11px;
    --tbo-font-size-sm: 12px;
    --tbo-font-size-md: 14px;
    --tbo-font-size-body: 16px;
    --tbo-font-size-subheading: 18px;
    --tbo-font-size-heading-3: 20px;
    --tbo-font-size-heading-2: 24px;
    --tbo-font-size-heading-1: 28px;
    --tbo-font-size-headingbig: 32px;
    /* Font Weight */
    --tbo-font-weight-thin: 300;
    --tbo-font-weight-regular: 400;
    --tbo-font-weight-medium: 500;
    --tbo-font-weight-semibold: 600;
    --tbo-font-weight-bold: 700;
    /* Font Family */
    --tbo-font-family-roboto: 'Roboto', sans-serif;
    --tbo-font-family-arial: Arial, sans-serif;
    --tbo-font-family-montserrat: 'Montserrat', sans-serif;
    /* Primary Button Color */
    --tbo-primary-default: var(--tbo-primary);
    --tbo-primary-hover: #e4a21c;
    --tbo-primary-active: #fdb412;
    --tbo-primary-disabled: #fbecb9;
    /* Secondary Button Color */
    --tbo-secondary-default: var(--tbo-secondary);
    --tbo-secondary-hover: #014693;
    --tbo-secondary-active: #1573c4;
    --tbo-secondary-disabled: #baddf6;
    /* Opacity */
    --tbo-opacity-10: 0.1;
    --tbo-opacity-20: 0.2;
    --tbo-opacity-30: 0.3;
    --tbo-opacity-40: 0.4;
    --tbo-opacity-50: 0.5;
    --tbo-opacity-60: 0.6;
    --tbo-opacity-70: 0.7;
    --tbo-opacity-80: 0.8;
    --tbo-opacity-100: 1;
}