:root {
    /* رنگ‌های اصلی */
    --color-brand-color-1: rgba(236, 28, 36, 1); /* قرمز برند */
    --color-brand-color-2: rgba(23, 29, 111, 1); /* آبی برند */
    --color-brand-color-3: rgba(30, 90, 150, 1); /* آبی ملایم */
    /* رنگ‌های پس‌زمینه */
    --color-bg: rgba(245, 245, 245, 1);
    --color-res-bg: rgba(0, 0, 0, 0.6);
    /* رنگ‌های متن */
    --color-text-dark: rgba(50, 50, 50, 1);
    --color-text-light: rgba(100, 100, 100, 1);
    /* رنگ‌های کاربردی */
    --color-border-dark: rgba(120, 120, 120, 1);
    --color-border-light: rgba(200, 200, 200,1);
    /* رنگ‌ سفید */
    --color-white: rgba(255, 255, 255, 1);
    /* رنگ‌ سایه */
    --color-shadow: rgba(0, 0, 0, 0.7);
    /* بی‌رنگ */
    --color-null: rgba(0, 0, 0, 0);
    /* اسپینر */
    --color-spinner: rgba(0, 0, 0, 0.1);
}