:root {
    --on-surface-medium-emphasis: rgba(255, 255, 255, 0.6);
    --on-surface-high-emphasis: rgba(255, 255, 255, 0.87);
    --on-surface-disabled: rgba(255, 255, 255, 0.38);
    --on-primary-high-emphasis: rgba(0, 0, 0, 1);
    --surface: rgba(18, 18, 18, 1);
    --surface-overlay: rgba(255, 255, 255, 0.12);
    --stateswhite-overlayhover: rgba(255, 255, 255, 0.04);
    --subtitle-1-font-family: "Roboto", Helvetica;
    --subtitle-1-font-weight: 400;
    --subtitle-1-font-size: 16px;
    --subtitle-1-letter-spacing: 0.15000000596046448px;
    --subtitle-1-line-height: 24px;
    --subtitle-1-font-style: normal;
    --body-2-font-family: "Roboto", Helvetica;
    --body-2-font-weight: 400;
    --body-2-font-size: 14px;
    --body-2-letter-spacing: 0.25px;
    --body-2-line-height: 20px;
    --body-2-font-style: normal;
    --headline-5-font-family: "Roboto", Helvetica;
    --headline-5-font-weight: 400;
    --headline-5-font-size: 24px;
    --headline-5-letter-spacing: 0.18000000715255737px;
    --headline-5-line-height: 24px;
    --headline-5-font-style: normal;
    --headline-6-font-family: "Roboto", Helvetica;
    --headline-6-font-weight: 500;
    --headline-6-font-size: 20px;
    --headline-6-letter-spacing: 0.15000000596046448px;
    --headline-6-line-height: 24px;
    --headline-6-font-style: normal;
}