:root {
    --color-background: #FFFFFF;
    --color-background-rgb: 255, 255, 255;

    --color-text: #000000;
    --color-text-secondary: #0000004D;

    --color-button-text: #FFFFFF;

    --color-input-background: #EBEBEB;
    --color-input-border: #DFDFDF;

    --color-qr-wrapper-background: #F7F7F7;
    --color-qr-wrapper-padding: 20px;
    --color-qr-border: #00000026;

    --color-primary: #2C5FF7;
    --color-primary-rgb: 44, 95, 247;

    --color-main-tiktok-text: #FFFFFF;

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

    --color-border: #0000000D;

    --color-tag-category: #00A3FF;
    --color-tag-category-background: #00A3FF1A;
    --color-tag-category-background-hover: #00A3FF25;
    --color-tag-location: #FF9D00;
    --color-tag-location-background: #FF9D001A;
    --color-tag-location-background-hover: #FF9D0025;

    --color-apply-background: #F7F7F7;
    --color-apply-border: #00000026;

    --color-scrollbar: #0000004D;
    --color-scrollbar-background: #FFFFFF;

    --color-job-info-border: #0000000D;
    --color-job-info-section-yellow: #FF9D00;
    --color-job-info-section-yellow-background: #FF9D001A;
    --color-job-info-section-green: #188C48;
    --color-job-info-section-green-background: #188C481A;
    --color-job-info-section-blue: #00A3FF;
    --color-job-info-section-blue-background: #00A3FF1A;

    --color-keyword-background: #0000000D;
    --color-keyword-background-hover: #0000001A;

    --color-divider: #0000001A;
}