body,
html {
    width: 100%;
    overflow-x: hidden;
}

:root,
[data-bs-theme="light"] {
    --bs-btn-bg: #7af394;
    --bs-btn-color: #000000;
    --bs-btn-border-color: #5fd97c;
    --bs-btn-hover-bg: #4eca6e;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-border-color: #43bf65;
    --bs-btn-active-bg: #36b55c;
    --bs-btn-active-color: #000000;
    --bs-btn-active-border-color: #29ab53;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-border-color: #deffe4;
    --bs-btn-focus-shadow-rgb: 122, 243, 148;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-secondary-color: #000000;
    --bs-primary-rgb: 0, 182, 116;
    --bs-dark-rgb: 80, 4, 76;
    --bs-font-sans-serif: "Trebuchet MS", sans-serif;
    --bs-body-font-family: "Trebuchet MS", sans-serif;
    --bs-font-monospace: "Lucida Console", monospace;
    --bs-decorative-font: "Segoe Script", cursive;
    --bs-headings-font-family: "Segoe Script", cursive;
    --white: #ffffff;
    --primary: #00b674;
    --primary-dark: #008f51;
    --primary-light: #4cdf9a;
    --primary-bg: #64f4ad;
    --secondary: #a5bb65;
    --secondary-dark: #7e9441;
    --secondary-light: #cde38b;
    --secondary-bg: #e2f89e;
    --accent: #005881;
    --accent-dark: #00375d;
    --accent-light: #3d7ba7;
    --accent-bg: #528ebb;
    --success-color: #a8c44b;
    --success-light: #d2ec71;
    --success-dark: #809d22;
    --success-bg: #e7ff85;
    --warning-color: #ffad7d;
    --warning-light: #ffd4a3;
    --warning-dark: #d48659;
    --warning-bg: #ffe9b7;
    --danger-color: #ff577a;
    --danger-light: #ff819f;
    --danger-dark: #d22857;
    --danger-bg: #ff96b3;
    --info-color: #00bbed;
    --info-light: #59e3ff;
    --info-dark: #0094c4;
    --info-bg: #73f8ff;
    --neutral-50: #f9f9f9;
    --neutral-150: #e2e2e2;
    --neutral-250: #cccccc;
    --neutral-350: #b6b6b6;
    --neutral-450: #a0a0a0;
    --neutral-550: #8b8b8b;
    --neutral-650: #777777;
    --neutral-750: #636363;
    --neutral-850: #505050;
    --neutral-950: #3e3e3e;
    --neutral-1050: #2c2c2c;
    --gray-50: var(--neutral-50);
    --gray-150: var(--neutral-150);
    --gray-250: var(--neutral-250);
    --gray-350: var(--neutral-350);
    --gray-450: var(--neutral-450);
    --gray-550: var(--neutral-550);
    --gray-650: var(--neutral-650);
    --gray-750: var(--neutral-750);
    --gray-850: var(--neutral-850);
    --gray-950: var(--neutral-950);
    --gray-1050: var(--neutral-1050);
    --background-primary: var(--neutral-50);
    --background-secondary: var(--neutral-150);
    --background-tertiary: #ffffff;
    --background-dark: var(--neutral-950);
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-tertiary: #6c757d;
    --text-light: #ffffff;
    --border-light: var(--neutral-200);
    --border-medium: var(--neutral-300);
    --border-dark: var(--neutral-400);
    --bs-primary: var(--primary);
    --bs-accent: var(--accent);
    --bs-accent-rgb: 0, 88, 129;
    --bs-secondary-rgb: 165, 187, 101;
    --bs-primary-bg: var(--primary-bg);
    --bs-white-10: rgba(255, 255, 255, 0.1);
}