/* ══════════════════════════════════════════════════════════════ DIRTYWORK — ДИЗАЙН-ТОКЕНЫ Белая тема по умолчанию, переключение — data-theme/data-accent на . КАК МЕНЯТЬ: — Акцент? → --accent — Шрифт? → --font-head / --font-body — Скругления? → --radius-* ══════════════════════════════════════════════════════════════ */ /* ── БЕЛАЯ ТЕМА (по умолчанию) ── */ :root { --accent: #E78468; --accent-dim: rgba(231,132,104,.4); --accent-subtle: rgba(231,132,104,.08); --accent-hover: #f0967e; --dark: #e8e4de; --darker: #f0ede8; --darkest: #FBFAF9; --surface: #f0ede8; --surface2: #e8e4de; --surface3: #dedad3; --text: #111111; --text-dim: #555550; --text-muted: #86847c; --card-bg: rgba(255,255,255,.85); --card-border: rgba(0,0,0,.07); --card-hover-border: rgba(0,0,0,.18); --font-head: 'Outfit', sans-serif; --font-body: 'Manrope', sans-serif; --radius: 16px; --radius-sm: 12px; --radius-xs: 8px; --ease: cubic-bezier(.4,0,.2,1); --tr: transform .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1); --gradient-text-from: #E78468; --gradient-text-to: #f5b9a4; color-scheme: light; } /* ── ТЁМНАЯ ТЕМА ── */ [data-theme="dark"] { --accent: #e8e0d0; --accent-dim: rgba(232,224,208,.4); --accent-subtle: rgba(232,224,208,.07); --accent-hover: #ffffff; --dark: #1a1917; --darker: #141210; --darkest: #0c0b0a; --surface: #111009; --surface2: #181614; --surface3: #1e1c1a; --text: #ede8df; --text-dim: #8a8479; --text-muted: #5c5850; --card-bg: rgba(20,18,16,.7); --card-border: rgba(255,255,255,.055); --card-hover-border: rgba(232,224,208,.16); --gradient-text-from: #e8e0d0; --gradient-text-to: #ffffff; color-scheme: dark; } /* ── АКЦЕНТ: ржавый оранжевый ── */ [data-accent="rust"] { --accent: #c4622d; --accent-dim: rgba(196,98,45,.4); --accent-subtle: rgba(196,98,45,.07); --accent-hover: #e07030; --gradient-text-from: #c4622d; --gradient-text-to: #e8a060; } /* ── АКЦЕНТ: кислотный зелёный ── */ [data-accent="acid"] { --accent: #6abf40; --accent-dim: rgba(106,191,64,.4); --accent-subtle: rgba(106,191,64,.07); --accent-hover: #80d850; --gradient-text-from: #6abf40; --gradient-text-to: #a0e060; } /* ── АКЦЕНТ: молочный (оригинальный тёмный) ── */ [data-accent="milk"] { --accent: #e8e0d0; --accent-dim: rgba(232,224,208,.4); --accent-subtle: rgba(232,224,208,.07); --accent-hover: #ffffff; }