/* ── THEME LAYER ─────────────────────────────────────────── */ /* Scoped under body.theme-v2 so it can be toggled off */ /* by removing that class from in the templates. */ /* Nothing in here duplicates rules from style.css/split.css — */ /* it only ADDS hover/animation/interaction behavior on top. */ body.theme-v2 .card { transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; } body.theme-v2 .card:hover { border-color: var(--green); transform: perspective(600px) rotateX(2deg) translateY(-2px); box-shadow: 0 0 36px rgba(74, 222, 128, 0.3); } body.theme-v2 .btn { transition: transform 0.15s, box-shadow 0.15s; } body.theme-v2 .btn:hover { transform: scale(1.015); box-shadow: 0 0 14px rgba(74, 222, 128, 0.25); } body.theme-v2 .btn:active { transform: scale(0.985); } body.theme-v2 .logo { transition: opacity 0.15s; } body.theme-v2 .logo:hover { opacity: 0.8; } body.theme-v2 .nav-toggle { transition: color 0.15s, transform 0.15s; display: inline-block; } body.theme-v2 .nav-toggle:hover { color: var(--green) !important; transform: translateY(-1px); } body.theme-v2 .link-hover { transition: opacity 0.2s; } body.theme-v2 .link-hover:hover { opacity: 0.7; } body.theme-v2 #screen-about .card:hover, body.theme-v2 #screen-impressum .card:hover { border-color: var(--border); transform: none; box-shadow: none; } body.theme-v2 .split-lb-row { transition: background 0.15s, padding-left 0.15s; border-radius: 4px; } body.theme-v2 .split-lb-row:hover { background: rgba(74, 222, 128, 0.06); padding-left: 6px; }