:root,
html[data-theme="violet"] {
    color-scheme: dark;

    /* 60%: بنفش تیره اما روشن‌تر از مشکی */
    --background: var(--brand-background, #302B47);
    --bg: var(--brand-background, #302B47);

    /* 30%: خاکستری تیره متمایل به بنفش */
    --surface: var(--brand-surface, #3A3C46);
    --surface-2: #434653;
    --surface2: #434653;
    --surface-raised: #4A4D5C;

    /* 10%: سبز یشمی */
    --accent: var(--brand-accent, #28A88A);
    --accent-soft: #244D47;

    --space: var(--brand-space, #242131);
    --space-soft: var(--brand-space-soft, #34304A);
    --primary: var(--brand-primary, #AE86FF);
    --primary-hover: var(--brand-primary-hover, #8B87FF);
    --primary2: var(--brand-primary-hover, #8B87FF);

    --text: #F3EEFF;
    --muted: #BCB5CA;
    --border: #5A566E;
    --header: rgba(48, 43, 71, .86);
    --shadow: rgba(21, 18, 31, .42);

    --success: #4BC7A8;
    --danger: #FF8FA8;
    --warning: #E6B978;
    --info: #9A96FF;
    --on-primary: #242131;

    --announcement: #34304A;
    --announcement-text: #F3EEFF;
    --visual-purple: #34304A;
    --visual-blue: #334B4A;
    --visual-yellow: #51463B;
}