:root {
    /* --------------文字color */
    --color-primary: rgb(24 34 37);
    --color-primary-rgba: rgb(24 34 37/87%);
    --color-primary-rgba-70: rgb(24 34 37/70%);
    --color-primary-rgba-54: rgb(24 34 37/54%);
    --color-primary-rgba-38: rgb(24 34 37/38%);
    --color-primary-rgba-12: rgb(24 34 37/12%);
    --color-primary-rgba-6: rgb(24 34 37/6%);
    --color-price: rgb(203 34 25);
    --color-discount: var(--color-primary-rgba);
    --color-white: #fafafa;
    --color-white-rgba: rgb(250 250 250/87%);
    --color-white-rgba-70: rgb(250 250 250/70%);
    --color-white-rgba-54: rgb(250 250 250/54%);
    --color-white-rgba-38: rgb(250 250 250/38%);
    --color-red: rgb(203 34 25);

    /* --------------link */
    --color-link: rgb(24 34 37);
    --color-link-blue: rgb(36 119 211);
    --color-link-white: rgba(250 250 250/87%);
    --color-link-primary: rgb(233, 73, 63);
    --color-link-primary-rgba: rgba(233, 73, 63, 0.87);
    --color-link-primary-rgba-70: rgba(233, 73, 63, 0.7);
    --color-link-primary-rgba-54: rgba(233, 73, 63, 0.54);
    --color-link-primary-rgba-38: rgba(233, 73, 63, 0.38);
    --color-link-primary-rgba-12: rgba(233, 73, 63, 0.12);
    --color-link-primary-rgba-6: rgba(233, 73, 63, 0.06);
    --color-link-primary-rgba-3: rgba(233, 73, 63, 0.03);
    --color-border-white: rgba(255 255 255/87%);
    --color-border-dark-87: var(--color-bg-secondary-87);
    --color-border-dark-70: var(--color-bg-secondary-70);
    --color-border-dark-54: var(--color-bg-secondary-54);
    --color-border-dark-38: var(--color-bg-secondary-38);
    --color-border-dark-12: var(--color-bg-secondary-12);

    /* --------------bg */
    --color-bg-primary: #fafafa;
    --color-bg-secondary: rgb(6 24 44);
    --color-bg-secondary-87: rgb(6 24 44/87%);
    --color-bg-secondary-70: rgb(6 24 44/70%);
    --color-bg-secondary-54: rgb(6 24 44/54%);
    --color-bg-secondary-38: rgb(6 24 44/38%);
    --color-bg-secondary-12: rgb(6 24 44/12%);
    --color-bg-secondary-6: rgb(6 24 44/6%);
    --color-bg-secondary-3: rgb(6 24 44/3%);
    --color-bg-white: #fff;
    --color-bg-white-rgba-38: rgba(255 255 255 /38%);
    --color-bg-white-rgba-12: rgba(255 255 255 /12%);
    --color-bg-red: var(--color-red);
    --color-bg-blue: rgb(36 119 211);
    --color-bg-blue-light:rgb(239, 242, 246);;
    --color-bg-gray: rgb(24 34 37/6%);

    /* --------------tag */
    --video-tag-font-color: #5d9a00;
    --video-live-tag-border-radius: 50rem;
    /* --------------border */
    --color-border-secondary: rgb(6 24 44);
    --color-border-secondary-12: rgb(6 24 44/12%);
    --color-border-white: #fafafa;

    /* --------------noresultsfound */
    --color-noresultsfound: #4f5c6a;

}