ver: 0 4px 12px rgba(0,0,0,0.15);
        }

        [data-theme="dark"] {
            --bg-color: #1a1a1a;
            --text-color: #e0e0e0;
            --text-muted: #aaaaaa;
            --primary-color: #4da6ff;
            --border-color: #333333;
            --hover-bg: #2a2a2a;
            --card-shadow: 0 2px 4px rgba(0,0,0,0.3);
            --card-shadow-hover: 0 4px 12px rgba(0,0,0,0.4);
        }

        * {
            box-sizing: border-box;
        }

        body {
            font-family: -