/* HOOQLE LASTUBE OFFICIAL THEME */
:root {
    --black-pure: #000000;
    --black-soft: #0f0f0f;
    --gray-hover: #272727;
    --white: #ffffff;
    --hooqle-red: #ff0000;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background-color: var(--black-pure);
    color: var(--white);
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

.app-body {
    display: flex;
    margin-top: 56px; /* Navbar height */
}

.main-content {
    flex-grow: 1;
    margin-left: 240px; /* Sidebar width */
    padding: 24px;
    background-color: var(--black-pure);
    min-height: calc(100vh - 56px);
}

/* Scrollbar Styling (YouTube Style) */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #717171; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* Global Grid for Home Page */
.home-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    row-gap: 40px;
}