/* Темы: html + body. Redline = чёрно-красная (не розовая). Emerald = зелёно-чёрная. */

html[data-theme="redline"],
html.theme-redline,
body[data-theme="redline"],
body.theme-redline {
    --red: #e53935;
    --red-deep: #b71c1c;
    --red-bright: #ff5252;
    --red-glow: rgba(229, 57, 53, 0.45);
    --black: #0a0a0a;
    --black-light: #141414;
    --white: #ffffff;
    --white-soft: #fff5f5;

    --bg: #050505;
    --bg-card: rgba(12, 6, 6, 0.94);
    --bg-input: rgba(12, 6, 6, 0.94);
    --bg-card-hover: rgba(229, 57, 53, 0.12);
    --bg-semi: rgba(10, 4, 4, 0.58);
    --bg-semi-strong: rgba(8, 2, 2, 0.82);
    --border: rgba(229, 57, 53, 0.5);
    --border-light: rgba(255, 107, 107, 0.35);
    --glass-border: rgba(229, 57, 53, 0.42);
    --glass-shadow: inset 0 1px 0 rgba(255, 120, 120, 0.1), 0 8px 32px rgba(0, 0, 0, 0.55);
    --glass-hover-border: rgba(255, 107, 107, 0.55);
    --text: #fff8f8;
    --text-dim: rgba(255, 232, 232, 0.48);
    --text-mid: rgba(255, 210, 210, 0.72);
    --accent: var(--red);
    --accent-dim: rgba(229, 57, 53, 0.55);
    --accent-rgb: 229, 57, 53;
    --heading-gradient: linear-gradient(to right, #ffffff 0%, #ffcdd2 38%, #e53935 100%);
}

html[data-theme="redline"] .profile-logo-text,
html.theme-redline .profile-logo-text,
body[data-theme="redline"] .profile-logo-text,
body.theme-redline .profile-logo-text {
    filter: drop-shadow(0 0 8px rgba(229, 57, 53, 0.45)) drop-shadow(0 0 14px rgba(183, 28, 28, 0.2));
}

html[data-theme="emerald"],
html.theme-emerald,
body[data-theme="emerald"],
body.theme-emerald {
    --green: #00e676;
    --green-deep: #00c853;
    --green-dark: #1b5e20;
    --black: #0d0f0d;
    --black-light: #1a1f1c;

    --bg: #070a08;
    --bg-card: rgba(8, 14, 11, 0.94);
    --bg-input: rgba(8, 14, 11, 0.94);
    --bg-card-hover: rgba(0, 230, 118, 0.1);
    --bg-semi: rgba(6, 12, 9, 0.58);
    --bg-semi-strong: rgba(4, 10, 7, 0.85);
    --border: rgba(0, 230, 118, 0.45);
    --border-light: rgba(105, 240, 174, 0.32);
    --glass-border: rgba(0, 230, 118, 0.38);
    --glass-shadow: inset 0 1px 0 rgba(105, 240, 174, 0.12), 0 8px 32px rgba(0, 0, 0, 0.5);
    --glass-hover-border: rgba(105, 240, 174, 0.5);
    --text: #f1fff6;
    --text-dim: rgba(225, 255, 240, 0.45);
    --text-mid: rgba(200, 255, 220, 0.7);
    --white: #f1fff6;
    --accent: var(--green);
    --accent-dim: rgba(0, 230, 118, 0.5);
    --accent-rgb: 0, 230, 118;
    --heading-gradient: linear-gradient(to right, #e8f5e9 0%, #69f0ae 40%, #00c853 100%);
}

html[data-theme="emerald"] .profile-logo-text,
html.theme-emerald .profile-logo-text,
body[data-theme="emerald"] .profile-logo-text,
body.theme-emerald .profile-logo-text {
    filter: drop-shadow(0 0 8px rgba(0, 230, 118, 0.35)) drop-shadow(0 0 14px rgba(0, 200, 83, 0.18));
}

.theme-swatch-vendetta {
    background: linear-gradient(135deg, #ffffff 0%, #1a1a1a 100%);
}
.theme-swatch-redline {
    background: linear-gradient(135deg, #e53935 0%, #0a0a0a 100%);
}
.theme-swatch-emerald {
    background: linear-gradient(135deg, #00e676 0%, #0d0f0d 100%);
}

/* Lottie-контейнеры: лёгкий оттенок SVG под тему (дополнение к патчу JSON) */
body.theme-redline .action-icon-lottie svg,
body.theme-redline .lottie-close-icon svg,
body.theme-redline .lottie-back-icon svg,
body.theme-redline .faq-lottie svg {
    filter: saturate(1.15) contrast(1.02);
}
body.theme-emerald .action-icon-lottie svg,
body.theme-emerald .lottie-close-icon svg,
body.theme-emerald .lottie-back-icon svg,
body.theme-emerald .faq-lottie svg {
    filter: saturate(1.12) hue-rotate(-8deg) contrast(1.02);
}