.rounded-8 { border-radius: 8px; }
.rounded-10 { border-radius: 10px; }
.rounded-20 { border-radius: 20px; }
.rounded-30 { border-radius: 30px; }

.theme-filter {
    filter: var(--filter);
}

/* Дефолт */
:root.default-theme {
    --bg-primary: #1A2233;
    --bg-secondary: #2D3B50;
    --bg-tertiary: #35475E;
    --bg-section: #3D5672;
    --bg-accent: #82CFFF;
    --bg-gradient-secondary: #253145;
    --text-primary: #B4D1E8;
    --text-secondary: #82CFFF;
    --text-muted: #8391A2;
    --border-primary: #35475E;
    --border-secondary: #2D3B50;
    --border-accent: #82CFFF;
    --glass-bg: rgba(45, 59, 80, 0.25);
    --shadow-primary: 0 8px 32px rgba(26, 34, 51, 0.1);
    --gradient-accent: linear-gradient(135deg, #82CFFF 0%, #6EA9FF 100%);
    --filter: brightness(0) saturate(100%) invert(24%) sepia(27%) saturate(752%) hue-rotate(173deg) brightness(91%) contrast(85%);
}

/* Тёмно-космическая */
:root.space-theme {
    --bg-primary: #0A0E1A;
    --bg-secondary: #161B2E;
    --bg-tertiary: #21263F;
    --bg-section: #2C3554;
    --bg-accent: #4F80FF;
    --bg-gradient-secondary: #1A2136;
    --text-primary: #B3C7F2;
    --text-secondary: #4F80FF;
    --text-muted: #7A8496;
    --border-primary: #21263F;
    --border-secondary: #161B2E;
    --border-accent: #4F80FF;
    --filter: brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(1274%) hue-rotate(191deg) brightness(96%) contrast(96%);
}

/* Лазурное утро */
:root.azure-theme {
    --bg-primary: #0E263D;
    --bg-secondary: #18405A;
    --bg-tertiary: #245D7F;
    --bg-section: #3079A3;
    --bg-accent: #4EC4FF;
    --bg-gradient-secondary: #1D3A52;
    --text-primary: #C4E7FF;
    --text-secondary: #4EC4FF;
    --text-muted: #7E99B0;
    --border-primary: #245D7F;
    --border-secondary: #18405A;
    --border-accent: #4EC4FF;
    --filter: brightness(0) saturate(100%) invert(20%) sepia(8%) saturate(4801%) hue-rotate(162deg) brightness(92%) contrast(89%);
}

/* Неоновый взрыв */
:root.neon-theme {
    --bg-primary: #0B1414;
    --bg-secondary: #162020;
    --bg-tertiary: #203333;
    --bg-section: #336666;
    --bg-accent: #33FFCC;
    --bg-gradient-secondary: #152929;
    --text-primary: #CCFFEE;
    --text-secondary: #33FFCC;
    --text-muted: #8FB2B2;
    --border-primary: #203333;
    --border-secondary: #162020;
    --border-accent: #33FFCC;
    --filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(4014%) hue-rotate(131deg) brightness(95%) contrast(82%);
}

/* Глубокий чёрный бархат */
:root.velvet-black-theme {
    --bg-primary: #0A0A0A;
    --bg-secondary: #141414;
    --bg-tertiary: #1A1A1A;
    --bg-section: #232323;
    --bg-accent: #FF4081;
    --bg-gradient-secondary: #1E1E1E;
    --text-primary: #E1E1E1;
    --text-secondary: #FF4081;
    --text-muted: #8A8A8A;
    --border-primary: #1A1A1A;
    --border-secondary: #141414;
    --border-accent: #FF4081;
    --filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(43%) hue-rotate(345deg) brightness(87%) contrast(80%);
}

/* Ночной город */
:root.night-city-theme {
    --bg-primary: #121212;
    --bg-secondary: #1F1F1F;
    --bg-tertiary: #2A2A2A;
    --bg-section: #383838;
    --bg-accent: #29B6F6;
    --bg-gradient-secondary: #1B1B1B;
    --text-primary: #E3E3E3;
    --text-secondary: #29B6F6;
    --text-muted: #757575;
    --border-primary: #2A2A2A;
    --border-secondary: #1F1F1F;
    --border-accent: #29B6F6;
    --filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(2352%) hue-rotate(315deg) brightness(106%) contrast(68%);
}

/* Молочный путь */
:root.milky-way-theme {
    --bg-primary: #1C1B29;
    --bg-secondary: #2D2A3D;
    --bg-tertiary: #413E55;
    --bg-section: #56536E;
    --bg-accent: #D3B8F3;
    --bg-gradient-secondary: #2E2A3F;
    --text-primary: #E9E5FF;
    --text-secondary: #D3B8F3;
    --text-muted: #A1A1B4;
    --border-primary: #413E55;
    --border-secondary: #2D2A3D;
    --border-accent: #D3B8F3;
    --filter: brightness(0) saturate(100%) invert(22%) sepia(21%) saturate(783%) hue-rotate(208deg) brightness(89%) contrast(83%);
}

/* Абсолютная тьма */
:root.absolute-black-theme {
    --bg-primary: #000000;
    --bg-secondary: #000000;
    --bg-tertiary: #000000;
    --bg-section: #000000;
    --bg-accent: #FF0000;
    --bg-gradient-secondary: #000000;
    --text-primary: #FFFFFF;
    --text-secondary: #FF0000;
    --text-muted: #4D4D4D;
    --border-primary: #000000;
    --border-secondary: #000000;
    --border-accent: #FF0000;
    --filter: brightness(0) saturate(100%) invert(11%) sepia(32%) saturate(7212%) hue-rotate(351deg) brightness(83%) contrast(113%);
}