:root{
    --primary: rgb(31 23 42);
    --secondary: #F3F4F6;
    --primary-hover: #1F2937;
    --primary-dark: #124989;
    --rgba-primary-1: rgba(56, 192, 240, 0.1);
    --rgba-primary-2: rgba(56, 192, 240, 0.2);
    --rgba-primary-3: rgba(56, 192, 240, 0.3);
    --rgba-primary-4: rgba(56, 192, 240, 0.4);
    --rgba-primary-5: rgba(56, 192, 240, 0.5);
    --rgba-primary-6: rgba(56, 192, 240, 0.6);
    --rgba-primary-7: rgba(56, 192, 240, 0.7);
    --rgba-primary-8: rgba(56, 192, 240, 0.8);
    --rgba-primary-9: rgba(56, 192, 240, 0.9);
    --secondary: #1F2937;
    --theme-text-color: #fff;
    --title: #1F2937;
}