:root {
    --color-background: #202228;
    --color-background-rgb: 32, 34, 40;

    --color-text: #ffffff;
    --color-text-secondary: #ffffff80;

    --color-button-text: #123e0b;

    --color-input-background: #36383E;
    --color-input-border: #54565A;

    --color-qr-wrapper-background: #00000000;
    --color-qr-wrapper-padding: 0;
    --color-qr-border: #FFFFFF;

    --color-primary: #CCFF00;
    --color-primary-rgb: 204, 255, 0;

    --color-main-tiktok-text: #123E0B;

    --color-overlay: #00000026;
    --color-scan-text: #FFFFFF;

    --color-border: #FFFFFF0D;

    --color-tag-category: #00A3FF;
    --color-tag-category-background: #00A3FF1A;
    --color-tag-category-background-hover: #00A3FF0D;
    --color-tag-location: #FAFF00;
    --color-tag-location-background: #FAFF001A;
    --color-tag-location-background-hover: #FAFF000D;

    --color-apply-background: #2b2d34;
    --color-apply-border: #FFFFFF80;

    --color-scrollbar: #FFFFFF4D;
    --color-scrollbar-background: #202229;

    --color-job-info-border: #FFFFFF1A;
    --color-job-info-section-yellow: #FAFF00;
    --color-job-info-section-yellow-background: #FAFF001A;
    --color-job-info-section-green: #26ca8f;
    --color-job-info-section-green-background: #29DB9B1A;
    --color-job-info-section-blue: #00A3FF;
    --color-job-info-section-blue-background: #00A3FF1A;

    --color-keyword-background: #FFFFFF1A;
    --color-keyword-background-hover: #FFFFFF26;

    --color-divider: #FFFFFF26;
}