:root,
html[data-model-theme="pro"] {
    --color-theme-rgb: 251 59 96;
    --color-theme-hover-rgb: 224 42 75;
    --color-theme-light-rgb: 255 235 238;
    --color-theme-border-rgb: 251 207 232;
    --color-theme-soft-rgb: 255 245 247;
    --color-theme-logo-end: #ff8a65;
    --color-theme-focus-ring: rgba(251, 59, 96, 0.1);
}

html[data-model-theme="flash"] {
    --color-theme-rgb: 255 127 0;
    --color-theme-hover-rgb: 230 114 0;
    --color-theme-light-rgb: 255 244 232;
    --color-theme-border-rgb: 255 217 168;
    --color-theme-soft-rgb: 255 248 240;
    --color-theme-logo-end: #ffa040;
    --color-theme-focus-ring: rgba(255, 127, 0, 0.15);
}

.bg-theme-soft {
    background-color: rgb(var(--color-theme-soft-rgb));
}