* { font-family: 'Inter', sans-serif; }
    :root { --mint: #3EB489; --red: #ef4444; }

    body.dark { background-color: #121212; color: #b1b1b1; }
    body.dark .card-bg { background-color: #1e1e1e; border: 1px solid #2a2a2a; }
    body.dark .header-bg { background-color: #1a1a1a; border-bottom: 1px solid #2a2a2a; }
    body.dark .sidebar-bg { background-color: #0f0f0f; }
    body.dark input { background-color: #2a2a2a; color: #000000; border-color: #3a3a3a; }
    body.dark input:focus { background-color: #2f2f2f; border-color: #4a4a4a; }
    body.dark input::placeholder { color: #6a6a6a; }
    body.dark .sidebar-item { color: #b0b0b0; }
    body.dark .sidebar-item:hover { background-color: #1a1a1a; }
    body.dark .sidebar-item.active { background-color: #2a2a2a !important; }

    .carousel-images { display: flex; transition: transform 0.3s ease; }
    .carousel-images img { min-width: 100%; object-fit: contain; }

    .heart-btn { transition: all 0.2s; }
    .heart-btn:hover { transform: scale(1.1); }
    .heart-btn.liked { color: var(--red); fill: var(--red); }

    .mobile-menu { transform: translateX(-100%); transition: transform 0.3s ease; }
    .mobile-menu.open { transform: translateX(0); }
    @media (min-width: 1480px) { .mobile-menu { transform: translateX(0) !important; position: sticky; } }