/* ════════════════════════════════════════════════════════════════ SESSION TESTS — темы (оригинальные палитры старой версии) Активация: . Базовая (по умолчанию) — arthouse. Дополнены новые токены нового дизайна (фокус-кольца и тени). ════════════════════════════════════════════════════════════════ */ /* ── Terminal ───────────────────────────────────────────────────── */ [data-theme="terminal"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #050a05 0%, #000 100%); --ig-surface: #0a0a0a; --ig-surface-raised: #0d0d0d; --ig-surface-input: #080808; --ig-surface-hover: #111; --ig-surface-btn: #0d0d0d; --ig-border: #1a2a1a; --ig-border-light: #1a2a1a; --ig-border-input: #1a2a1a; --ig-border-focus: #00ff41; --ig-divider: #1a2a1a; --ig-divider-strong: #0d1a0d; --ig-text: #00ff41; --ig-text-secondary: #00cc33; --ig-text-muted: #009922; --ig-text-dim: #006611; --ig-text-faint: #004d0d; --ig-text-btn: #00ff41; --ig-text-btn-muted: #009922; --ig-accent: #00ff41; --ig-accent2: #00cc33; --accent: #00ff41; --text-dim: #009922; --ig-accent-gradient: linear-gradient(135deg, #00ff41, #00cc33); --ig-accent-bg: rgba(0, 255, 65, 0.05); --ig-focus-ring: 0 0 0 3px rgba(0, 255, 65, 0.25); --ig-shadow: 0 0 60px rgba(0, 255, 65, 0.04), 0 0 120px rgba(0, 0, 0, 0.5); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.5); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(0, 255, 65, 0.05); --ig-avatar-border: #1a2a1a; --ig-avatar-placeholder: linear-gradient(135deg, #0d2a0d, #003300); --ig-cover-bg: linear-gradient(135deg, #050a05, #001a00); --ig-badge-bg: #0d1a0d; --ig-badge-border: #1a2a1a; --ig-success: #00ff41; --ig-success-bg: rgba(0, 255, 65, 0.05); --ig-error: #ff4444; --ig-error-bg: rgba(255, 68, 68, 0.05); } /* ── Neon ───────────────────────────────────────────────────────── */ [data-theme="neon-t"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #1a0020 0%, #050005 100%); --ig-surface: #0a000a; --ig-surface-raised: #120012; --ig-surface-input: #080008; --ig-surface-hover: #1a001a; --ig-surface-btn: #0d000d; --ig-border: #2a002a; --ig-border-light: #2a002a; --ig-border-input: #2a002a; --ig-border-focus: #ff0080; --ig-divider: #2a002a; --ig-divider-strong: #150015; --ig-text: #ff0080; --ig-text-secondary: #cc0066; --ig-text-muted: #99004d; --ig-text-dim: #660033; --ig-text-faint: #4d0026; --ig-text-btn: #ff0080; --ig-text-btn-muted: #99004d; --ig-accent: #ff0080; --ig-accent2: #ff6600; --accent: #ff0080; --text-dim: #99004d; --ig-accent-gradient: linear-gradient(135deg, #ff0080, #ff6600); --ig-accent-bg: rgba(255, 0, 128, 0.05); --ig-focus-ring: 0 0 0 3px rgba(255, 0, 128, 0.25); --ig-shadow: 0 0 60px rgba(255, 0, 128, 0.04), 0 0 120px rgba(0, 0, 0, 0.5); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.5); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(255, 0, 128, 0.06); --ig-avatar-border: #2a002a; --ig-avatar-placeholder: linear-gradient(135deg, #2a002a, #1a001a); --ig-cover-bg: linear-gradient(135deg, #1a0020, #100010); --ig-badge-bg: #150015; --ig-badge-border: #2a002a; } /* ── Amber ──────────────────────────────────────────────────────── */ [data-theme="amber"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #1a1000 0%, #050300 100%); --ig-surface: #0a0800; --ig-surface-raised: #120d00; --ig-surface-input: #080600; --ig-surface-hover: #1a1400; --ig-surface-btn: #0d0a00; --ig-border: #2a1f00; --ig-border-light: #2a1f00; --ig-border-input: #2a1f00; --ig-border-focus: #ffb800; --ig-divider: #2a1f00; --ig-divider-strong: #150f00; --ig-text: #ffb800; --ig-text-secondary: #cc9300; --ig-text-muted: #996e00; --ig-text-dim: #664900; --ig-text-faint: #4d3700; --ig-text-btn: #ffb800; --ig-text-btn-muted: #996e00; --ig-accent: #ffb800; --ig-accent2: #ff8c00; --accent: #ffb800; --text-dim: #996e00; --ig-accent-gradient: linear-gradient(135deg, #ffb800, #ff8c00); --ig-accent-bg: rgba(255, 184, 0, 0.05); --ig-focus-ring: 0 0 0 3px rgba(255, 184, 0, 0.25); --ig-shadow: 0 0 60px rgba(255, 184, 0, 0.04), 0 0 120px rgba(0, 0, 0, 0.5); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.5); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(255, 184, 0, 0.06); --ig-avatar-border: #2a1f00; --ig-avatar-placeholder: linear-gradient(135deg, #2a1f00, #1a1400); --ig-cover-bg: linear-gradient(135deg, #1a1000, #0d0a00); --ig-badge-bg: #150f00; --ig-badge-border: #2a1f00; } /* ── Noir ───────────────────────────────────────────────────────── */ [data-theme="noir"] { --ig-body-bg: #000; --ig-surface: #050505; --ig-surface-raised: #0a0a0a; --ig-surface-input: #050505; --ig-surface-hover: #111; --ig-surface-btn: #080808; --ig-border: #1a1a1a; --ig-border-light: #222; --ig-border-input: #1a1a1a; --ig-border-focus: #555; --ig-divider: #1a1a1a; --ig-divider-strong: #0d0d0d; --ig-text: #fff; --ig-text-secondary: #999; --ig-text-muted: #666; --ig-text-dim: #555; --ig-text-faint: #444; --ig-text-btn: #ccc; --ig-text-btn-muted: #888; --ig-accent: #fff; --ig-accent2: #ccc; --ig-accent-gradient: linear-gradient(135deg, #fff, #ccc); --ig-accent-bg: rgba(255, 255, 255, 0.03); --ig-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.2); --ig-shadow: 0 0 60px rgba(255, 255, 255, 0.02), 0 0 120px rgba(0, 0, 0, 0.6); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.5); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.65), 0 0 120px rgba(255, 255, 255, 0.03); --ig-avatar-border: #222; --ig-avatar-placeholder: linear-gradient(135deg, #222, #333); --ig-cover-bg: linear-gradient(135deg, #111, #0a0a0a); --ig-badge-bg: #111; --ig-badge-border: #222; } /* ── Arthouse / Gay / Newyear — базовая палитра ─────────────────── */ [data-theme="arthouse"], [data-theme="gay"], [data-theme="newyear"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #0f0f2a 0%, #050508 100%); --ig-surface: #000; --ig-surface-raised: #0d0d0d; --ig-surface-input: #0a0a0a; --ig-surface-hover: #1a1a1a; --ig-surface-btn: #111; --ig-border: #1a1a1a; --ig-border-light: #222; --ig-border-input: #1a1a1a; --ig-border-focus: #333; --ig-divider: #1a1a1a; --ig-divider-strong: #111; --ig-text: #fff; --ig-text-secondary: #888; --ig-text-muted: #666; --ig-text-dim: #555; --ig-text-faint: #444; --ig-text-btn: #ccc; --ig-text-btn-muted: #aaa; --ig-accent: #7B6CF6; --ig-accent2: #F472B6; --ig-accent-gradient: linear-gradient(135deg, #7B6CF6, #F472B6); --ig-accent-bg: rgba(123, 108, 246, 0.05); --ig-focus-ring: 0 0 0 3px rgba(123, 108, 246, 0.25); --ig-shadow: 0 0 60px rgba(55, 151, 240, 0.06), 0 0 120px rgba(0, 0, 0, 0.5); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.45); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(55, 151, 240, 0.08); --ig-avatar-border: #262626; --ig-avatar-placeholder: linear-gradient(135deg, #333, #555); --ig-cover-bg: linear-gradient(135deg, #1a1a2e, #16213e); --ig-badge-bg: #1a1a1a; --ig-badge-border: #333; --ig-success: #34D399; --ig-success-bg: rgba(52, 211, 153, 0.05); --ig-error: #EF4444; --ig-error-bg: rgba(239, 68, 68, 0.05); } /* ── Gay — сливовый фон + радужные акценты ───────────────────────── */ [data-theme="gay"] { --ig-accent: #FF2E88; --ig-accent2: #00CFFF; --ig-accent-gradient: linear-gradient(135deg, #FF2E88, #FF6B00, #FFD600, #00CFFF); --ig-accent-bg: rgba(255, 46, 136, 0.07); --ig-focus-ring: 0 0 0 3px rgba(255, 46, 136, 0.30); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(255, 46, 136, 0.10); --ig-cover-bg: linear-gradient(135deg, #2a0a22, #1b0d1d); --ig-body-bg: radial-gradient(ellipse at 30% 20%, #2a0620 0%, #10020a 100%); --ig-surface: #140610; --ig-surface-raised: #1d0b16; --ig-surface-hover: #2a0d1e; --ig-border: #3a1530; --ig-border-light: #471a3a; --ig-border-input: #3a1530; --ig-border-focus: #FF2E88; --ig-divider: #33202e; --ig-divider-strong: #241020; --ig-avatar-border: #471a3a; --ig-badge-bg: #231021; --ig-badge-border: #471a3a; } /* ── Newyear — ледяной (арктический) фон + морозные акценты ───────── */ [data-theme="newyear"] { --ig-accent: #5EEAF5; --ig-accent2: #34D399; --ig-accent-gradient: linear-gradient(135deg, #5EEAF5, #34D399); --ig-accent-bg: rgba(94, 234, 245, 0.07); --ig-focus-ring: 0 0 0 3px rgba(94, 234, 245, 0.30); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(94, 234, 245, 0.09); --ig-cover-bg: linear-gradient(135deg, #082a3d, #0a1d14); --ig-body-bg: radial-gradient(ellipse at 30% 20%, #0a2435 0%, #03080f 100%); --ig-surface: #071522; --ig-surface-raised: #0c2130; --ig-surface-hover: #112a3b; --ig-border: #16384c; --ig-border-light: #1c465e; --ig-border-input: #16384c; --ig-border-focus: #5EEAF5; --ig-divider: #16303f; --ig-divider-strong: #0e2231; --ig-avatar-border: #1c465e; --ig-badge-bg: #10283a; --ig-badge-border: #1c465e; } /* ── BTS Jungkook (чёрный / золото / драма) ───────────────────────── */ [data-theme="bts-jk"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #14120a 0%, #080808 100%); --ig-accent: #C9A84C; --ig-accent2: #E8C97A; --ig-accent-gradient: linear-gradient(135deg, #C9A84C, #E8C97A); --ig-accent-bg: rgba(201, 168, 76, 0.06); --ig-focus-ring: 0 0 0 3px rgba(201, 168, 76, 0.28); --ig-shadow: 0 0 60px rgba(201, 168, 76, 0.05), 0 0 120px rgba(0, 0, 0, 0.6); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.6); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.75), 0 0 120px rgba(201, 168, 76, 0.05); --ig-cover-bg: linear-gradient(135deg, #14120a, #0a0908); --ig-border: rgba(201, 168, 76, 0.18); --ig-border-light: rgba(201, 168, 76, 0.32); --ig-border-input: rgba(201, 168, 76, 0.22); --ig-border-focus: #C9A84C; --ig-divider: #1a1a1a; --ig-divider-strong: #141414; --ig-text: #F5F0E8; --ig-text-secondary: #A09080; --ig-text-muted: #6a5a4c; --ig-text-dim: #4a3d33; --ig-text-faint: #332a22; --ig-text-btn: #F5F0E8; --ig-text-btn-muted: #A09080; --ig-surface: #111111; --ig-surface-raised: #161616; --ig-surface-input: #0c0c0c; --ig-surface-hover: #1a1a1a; --ig-surface-btn: #131313; --ig-badge-bg: #1a160a; --ig-badge-border: rgba(201, 168, 76, 0.25); --ig-avatar-border: rgba(201, 168, 76, 0.25); --ig-avatar-placeholder: linear-gradient(135deg, #2a2412, #17130a); --r: 0px; --r-sm: 0px; --r-pill: 2px; --a1: #C9A84C; --a2: #E8C97A; --a3: #8B1A1A; --a4: #F5F0E8; --a5: #4A3020; --bg: #080808; --bg2: #0f0f0f; --surface: #111111; --surface2: #1a1a1a; --ink: #F5F0E8; --ink2: #A09080; --ink3: #60504A; --border: rgba(201, 168, 76, 0.18); --fog: rgba(201, 168, 76, 0.06); --shadow: rgba(201, 168, 76, 0.15); --shadow-lg: rgba(0, 0, 0, 0.7); --tag-color: var(--a1); --font-display: 'Bebas Neue', sans-serif; --font-body: 'Noto Sans KR', sans-serif; --font-serif: 'Cormorant Garamond', serif; } /* ── BTS Jimin (пыльная роза / утончённость) ──────────────────────── */ [data-theme="bts-jimin"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #1a1220 0%, #0D0A0E 100%); --ig-accent: #D4A0C8; --ig-accent2: #E8C8E0; --ig-accent-gradient: linear-gradient(135deg, #D4A0C8, #E8C8E0); --ig-accent-bg: rgba(212, 160, 200, 0.06); --ig-focus-ring: 0 0 0 3px rgba(212, 160, 200, 0.25); --ig-shadow: 0 0 60px rgba(212, 160, 200, 0.05), 0 0 120px rgba(0, 0, 0, 0.55); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.55); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.7), 0 0 120px rgba(212, 160, 200, 0.05); --ig-cover-bg: linear-gradient(135deg, #1a1520, #100d14); --ig-border: rgba(212, 160, 200, 0.18); --ig-border-light: rgba(212, 160, 200, 0.32); --ig-border-input: rgba(212, 160, 200, 0.22); --ig-border-focus: #D4A0C8; --ig-divider: #221c2a; --ig-divider-strong: #171220; --ig-text: #F2EEF5; --ig-text-secondary: #9988AA; --ig-text-muted: #554466; --ig-text-dim: #473a55; --ig-text-faint: #332a40; --ig-text-btn: #F2EEF5; --ig-text-btn-muted: #9988AA; --ig-surface: #1A1520; --ig-surface-raised: #221C2A; --ig-surface-input: #120e16; --ig-surface-hover: #261f30; --ig-surface-btn: #1c1722; --ig-badge-bg: #221c2a; --ig-badge-border: rgba(212, 160, 200, 0.25); --ig-avatar-border: rgba(212, 160, 200, 0.25); --ig-avatar-placeholder: linear-gradient(135deg, #2a2230, #1a1520); --r: 50px; --r-sm: 24px; --r-pill: 100px; --a1: #D4A0C8; --a2: #E8C8E0; --a3: #7C4E8A; --a4: #F2EEF5; --a5: #3A2A40; --bg: #0D0A0E; --bg2: #130F14; --surface: #1A1520; --surface2: #221C2A; --ink: #F2EEF5; --ink2: #9988AA; --ink3: #554466; --border: rgba(212, 160, 200, 0.18); --fog: rgba(212, 160, 200, 0.07); --shadow: rgba(212, 160, 200, 0.18); --shadow-lg: rgba(0, 0, 0, 0.65); --tag-color: var(--a1); --font-display: 'Cormorant Garamond', serif; --font-body: 'Noto Sans KR', sans-serif; --font-serif: 'Cormorant Garamond', serif; } /* ── BTS J-Hope (оранжевый взрыв / граффити / энергия) ─────────────── */ [data-theme="bts-jhope"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #1a1400 0%, #0A0700 100%); --ig-accent: #FF6B00; --ig-accent2: #FFB347; --ig-accent-gradient: linear-gradient(135deg, #FF6B00, #FFB347); --ig-accent-bg: rgba(255, 107, 0, 0.06); --ig-focus-ring: 0 0 0 3px rgba(255, 107, 0, 0.28); --ig-shadow: 0 0 60px rgba(255, 107, 0, 0.06), 0 0 120px rgba(0, 0, 0, 0.6); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.6); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.75), 0 0 120px rgba(255, 107, 0, 0.06); --ig-cover-bg: linear-gradient(135deg, #1a1400, #0d0a00); --ig-border: rgba(255, 107, 0, 0.22); --ig-border-light: rgba(255, 107, 0, 0.36); --ig-border-input: rgba(255, 107, 0, 0.25); --ig-border-focus: #FF6B00; --ig-divider: #252000; --ig-divider-strong: #171200; --ig-text: #FFF8E7; --ig-text-secondary: #B8A060; --ig-text-muted: #705A20; --ig-text-dim: #59481a; --ig-text-faint: #403310; --ig-text-btn: #FFF8E7; --ig-text-btn-muted: #B8A060; --ig-surface: #1A1500; --ig-surface-raised: #252000; --ig-surface-input: #120e00; --ig-surface-hover: #2a2200; --ig-surface-btn: #1d1800; --ig-badge-bg: #252000; --ig-badge-border: rgba(255, 107, 0, 0.3); --ig-avatar-border: rgba(255, 107, 0, 0.3); --ig-avatar-placeholder: linear-gradient(135deg, #2a2200, #1a1500); --r: 0px; --r-sm: 0px; --r-pill: 0px; --a1: #FF6B00; --a2: #FFB347; --a3: #00D4FF; --a4: #FF1A6B; --a5: #2A1A00; --bg: #0A0700; --bg2: #120E00; --surface: #1A1500; --surface2: #252000; --ink: #FFF8E7; --ink2: #B8A060; --ink3: #705A20; --border: rgba(255, 107, 0, 0.22); --fog: rgba(255, 107, 0, 0.08); --shadow: rgba(255, 107, 0, 0.20); --shadow-lg: rgba(0, 0, 0, 0.75); --tag-color: var(--a1); --font-display: 'Black Han Sans', sans-serif; --font-body: 'Montserrat', sans-serif; --font-serif: 'Cormorant Garamond', serif; } /* Фикс невидимого текста на ярких градиент-кнопках */ [data-theme="terminal"] .qz-auth-submit, [data-theme="neon-t"] .qz-auth-submit, [data-theme="amber"] .qz-auth-submit { color: #000; } /* ── NEUTRAL — нейтральная нейм-упаковка ─────────────────────────── */ [data-theme="neutral"] { --ig-body-bg: radial-gradient(ellipse at 30% 20%, #0f0f1a 0%, #08080d 100%); --ig-surface: #0d0d12; --ig-surface-raised: #14141c; --ig-surface-input: #0a0a0f; --ig-surface-hover: #1c1c26; --ig-surface-btn: #121218; --ig-border: #1e1e2a; --ig-border-light: #2a2a3a; --ig-border-input: #1a1a24; --ig-border-focus: #7B6CF6; --ig-divider: #1a1a24; --ig-divider-strong: #12121a; --ig-text: #f0f0f5; --ig-text-secondary: #9494a8; --ig-text-muted: #6a6a80; --ig-text-dim: #555568; --ig-text-faint: #3d3d4d; --ig-text-btn: #d0d0e0; --ig-text-btn-muted: #80809a; --ig-accent: #7B6CF6; --ig-accent2: #F472B6; --ig-accent-gradient: linear-gradient(135deg, #7B6CF6, #F472B6); --ig-accent-bg: rgba(123, 108, 246, 0.08); --ig-focus-ring: 0 0 0 3px rgba(123, 108, 246, 0.35); --ig-shadow: 0 0 60px rgba(123, 108, 246, 0.06), 0 0 120px rgba(0, 0, 0, 0.5); --ig-shadow-sm: 0 1px 16px rgba(0, 0, 0, 0.5); --ig-shadow-lg: 0 6px 60px rgba(0, 0, 0, 0.6), 0 0 120px rgba(123, 108, 246, 0.08); --ig-cover-bg: linear-gradient(135deg, #191926, #16161f); --ig-badge-bg: #14141c; --ig-badge-border: #2a2a3a; --ig-avatar-border: #2a2a3a; --ig-avatar-placeholder: linear-gradient(135deg, #28283a, #1a1a26); } /* ════════════════════════════════════════════════════════════════════ Совместимость со старыми токенами упаковки тем (дизайн из прошлой версии сайта — "Новая папка (2)"). Маппинг на текущие --ig-*. ════════════════════════════════════════════════════════════════════ */ /* Terminal family (CYBERPUNK 2077) */ body[data-theme="terminal"], body[data-theme="neon-t"], body[data-theme="amber"] { --green: var(--ig-accent); --green-dim: color-mix(in srgb, var(--ig-accent) 70%, #000); --green-glow: color-mix(in srgb, var(--ig-accent) 15%, transparent); --green-faint: color-mix(in srgb, var(--ig-accent) 5%, transparent); --t-border: color-mix(in srgb, var(--ig-accent) 20%, transparent); --t-muted: color-mix(in srgb, var(--ig-accent) 50%, transparent); --amber: var(--ig-accent2); } /* Arthouse family + NOIR */ body[data-theme="arthouse"], body[data-theme="noir"], body[data-theme="newyear"], body[data-theme="gay"], body[data-theme="neutral"] { --ink: var(--ig-text); --border: var(--ig-border); --btn-sweep: var(--ig-accent); --btn-text-hover: #050508; --font-noir: 'Courier Prime', 'Courier New', monospace; } /* BTS family */ body[data-theme="bts-jk"], body[data-theme="bts-jimin"], body[data-theme="bts-jhope"] { --a1: var(--ig-accent); --a2: var(--ig-accent2); --shadow: color-mix(in srgb, var(--ig-accent) 18%, transparent); } /* ════════════════════════════════════════════════════════════════════ ГЛУБОКИЕ ТОКЕНЫ ТЕМ (перенос "визуальной глубины" из ВЕРСИЯ_1). Палитры оригинальных тем: акценты фигур (--p1..--p8), терминальные поверхности, моноширинные шрифты. Используются styles/theme-depth.css. ════════════════════════════════════════════════════════════════════ */ /* ── Terminal family — доп. поверхности и акценты ────────────────── */ body[data-theme="terminal"] { --t-bg: #030b03; --t-surface: #060f06; --green-dim: #00b32c; --amber: #ffb800; --red: #ff3131; --font-mono: 'JetBrains Mono', monospace; --font-title: 'Share Tech Mono', monospace; } body[data-theme="neon-t"] { --t-bg: #0a000f; --t-surface: #100018; --green-dim: #cc0066; --amber: #00e5ff; --red: #ff3131; --font-mono: 'JetBrains Mono', monospace; --font-title: 'Share Tech Mono', monospace; } body[data-theme="amber"] { --t-bg: #0f0900; --t-surface: #160d00; --green-dim: #cc9200; --amber: #ff6b00; --red: #ff3131; --font-mono: 'JetBrains Mono', monospace; --font-title: 'Share Tech Mono', monospace; } /* ── Arthouse family (arthouse / newyear / gay) — палитра фигур ────── */ body[data-theme="arthouse"] { --p1: #D63E2A; --p2: #1B4DA0; --p3: #E8A020; --p4: #2E7D4F; --p5: #8B3FB0; --p6: #D4570C; --p7: #1D8080; --p8: #C23060; --bg: #0f0f2a; --fog: rgba(23, 18, 16, 0.10); --mist: rgba(23, 18, 16, 0.04); --font-syne: 'Syne Mono', monospace; } body[data-theme="newyear"] { --p1: #0E6B40; --p2: #1A5FA0; --p3: #C47A1A; --p4: #1A5C3A; --p5: #6B3FA0; --p6: #D46010; --p7: #1A8080; --p8: #C03060; --bg: #0a1612; --fog: rgba(18, 42, 30, 0.10); --mist: rgba(18, 42, 30, 0.03); --font-syne: 'Syne Mono', monospace; } body[data-theme="gay"] { --p1: #FF1A6B; --p2: #00CFFF; --p3: #FFD600; --p4: #00FF99; --p5: #CF00FF; --p6: #FF6600; --p7: #00FFCC; --p8: #FF007A; --bg: #0A0008; --fog: rgba(242, 238, 248, 0.10); --mist: rgba(242, 238, 248, 0.04); --font-syne: 'Syne Mono', monospace; } /* ── NOIR — палитра + шрифт печатной машинки ──────────────────────── */ body[data-theme="noir"] { --p1: #D2B48C; --p2: #8F7F66; --p3: #C2A16F; --p4: #5C5246; --p5: #A38A5C; --p6: #E0C38B; --p7: #726556; --p8: #B89B6D; --bg: #070707; --fog: rgba(232, 225, 215, 0.10); --mist: rgba(232, 225, 215, 0.04); --font-noir: 'Courier Prime', 'Courier New', monospace; --ink-noir: #E8E1D7; }