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

:root,
[data-bs-theme="light"] {
    --bs-btn-bg: #27d1db;
    --bs-btn-color: #000000;
    --bs-btn-border-color: #00b8c2;
    --bs-btn-hover-bg: #00a9b3;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-border-color: #009fa9;
    --bs-btn-active-bg: #0096a0;
    --bs-btn-active-color: #000000;
    --bs-btn-active-border-color: #008c96;
    --bs-btn-disabled-bg: #f0f0f0;
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-border-color: #dce8e9;
    --bs-btn-focus-shadow-rgb: 39, 209, 219;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-secondary-color: #000000;
    --bs-primary-rgb: 107, 65, 0;
    --bs-dark-rgb: 57, 0, 85;
    --bs-font-sans-serif: Helvetica, sans-serif;
    --bs-body-font-family: Helvetica, sans-serif;
    --bs-font-monospace: "Courier New", monospace;
    --bs-decorative-font: "Lucida Handwriting", cursive;
    --bs-headings-font-family: "Lucida Handwriting", cursive;
    --white: #ffffff;
    --primary: #6b4100;
    --primary-dark: #472100;
    --primary-light: #936325;
    --primary-bg: #a77536;
    --secondary: #b8db23;
    --secondary-dark: #8fb300;
    --secondary-light: #e3ff54;
    --secondary-bg: #f9ff69;
    --accent: #005e9e;
    --accent-dark: #003d78;
    --accent-light: #4482c5;
    --accent-bg: #5a94d9;
    --success-color: #a1dd52;
    --success-light: #cbff79;
    --success-dark: #79b528;
    --success-bg: #e0ff8d;
    --warning-color: #dc885c;
    --warning-light: #ffae80;
    --warning-dark: #b16339;
    --warning-bg: #ffc293;
    --danger-color: #e96d8e;
    --danger-light: #ff94b5;
    --danger-dark: #be466a;
    --danger-bg: #ffa8c8;
    --info-color: #00ebff;
    --info-light: #61ffff;
    --info-dark: #00c2d6;
    --info-bg: #7cffff;
    --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, 94, 158;
    --bs-secondary-rgb: 184, 219, 35;
    --bs-primary-bg: var(--primary-bg);
    --bs-white-10: rgba(255, 255, 255, 0.1);
}