:root {
    --bg-color: #ffffff;
    --text-color: #3333;
    --primary-500: #0056c9;
    --primary-400: #2e80e5;
    --primary-300: #7baff0;
    --primary-200: #bfd8f8;
    --primary-100: #e8f1fc;
    --primary-50: #f2f6fc;
    --home-bg-color: #fcfcfc;
    --secondary-color: #ff8c42;
    --secondary-bg-color: #fca874;
    --select-border-color: #e5e5e5;
    --select-container-color: #212121;
    --tab-btn: #efeeee;
    --tab-btn-active: #007bff;
    --tab-btn-focus: rgba(255, 255, 255, 0.5);
    --input-text: #999999;
    --color-red: #fb3748;
    --color-red-light: #fb37481a;
    --color-yellow: #dfb400;
    --color-yellow-light: rgba(255, 219, 67, 0.1);
    --color-green: #1fc16b;
    --color-green-light: #e6fbf0;
    --color-pink: #ef1ba2;
    --color-pink-light: #fec0e7;
    --color-blue: #0c78d0;
    --color-blue-light: #8bc8fa;
    --color-neutral: #050202;
    --color-neutral-300: #ffffff;
    --color-neutral-400: #f8f8f8;
    --color-neutral-500: #e4e4e4;
    --color-neutral-700: #bbbbbb;
    --color-neutral-600: #999999;
    --color-neutral-800: #777777;
    --color-neutral-900: #333333;
}