/* ========================================================================== Neo-Vector Heart — токены тем (острая техно-вектор эстетика) ========================================================================== */ :root { /* Острые срезанные углы вместо скруглений — карточки/кнопки режутся clip-path'ом */ --radius-sm: 2px; --radius-md: 2px; --radius-lg: 2px; --cut-sm: 10px; --cut-md: 18px; --cut-lg: 26px; --font-display: "Chakra Petch", "Manrope", system-ui, sans-serif; --font-mono: "JetBrains Mono", "Consolas", monospace; --font-body: "Manrope", system-ui, -apple-system, sans-serif; /* Обводки и тени приглушены (не чистый чёрный/белый) — комфортнее для глаз при астигматизме */ --border-w: 1.5px; --shadow-hard: 5px 5px 8px rgba(0, 0, 0, 0.14); --shadow-hard-sm: 3px 3px 6px rgba(0, 0, 0, 0.12); --transition-fast: 120ms ease; --transition-med: 240ms cubic-bezier(0.22, 1, 0.36, 1); } /* Fresh Mint (светлая) — тема по умолчанию для без атрибута */ :root, :root[data-theme="light"] { --bg-primary: #f4faf7; --bg-card: #ffffff; --bg-card-alt: #eef8f4; --text-main: #111827; --text-muted: #4b5563; --border-soft: rgba(17, 24, 39, 0.14); --border-strong: rgba(17, 24, 39, 0.45); --accent-mint: #00c896; --accent-pink: #ff2a85; --gradient-primary: linear-gradient(135deg, #00e6a5 0%, #00b8d9 100%); --glow-mint: 0 0 0 rgba(0, 0, 0, 0); --glass-bg: rgba(255, 255, 255, 0.7); --scrim: rgba(10, 20, 20, 0.55); --grid-line: rgba(17, 24, 39, 0.025); } /* Deep Pure Dark + Neon Mint */ :root[data-theme="dark"] { --bg-primary: #0a0d12; --bg-card: #121820; --bg-card-alt: rgba(255, 255, 255, 0.03); --text-main: #f3f4f6; --text-muted: #9aa4b2; --border-soft: rgba(255, 255, 255, 0.14); --border-strong: rgba(255, 255, 255, 0.4); --accent-mint: #00ffb2; --accent-pink: #ff4d9d; --gradient-primary: linear-gradient(135deg, #00ffb2 0%, #00d2ff 100%); --glow-mint: 0 0 20px rgba(0, 255, 178, 0.35); --glass-bg: rgba(255, 255, 255, 0.04); --scrim: rgba(0, 0, 0, 0.7); --grid-line: rgba(255, 255, 255, 0.025); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } }