@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap');

:root{
    --primary:#b6895b;
    --bg:#000000;
    --bg-light:#1a1a1a;
    --text:#ffffff;
    --text-muted:#d1d1d1;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    outline:none;
    text-decoration:none;
    font-family:'Plus Jakarta Sans',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
    line-height:1.6;
}

section{
    padding:120px 7% 60px;
}

h2{
    text-align:center;
    font-size:2.5rem;
    margin-bottom:2rem;
}

h2 span{
    color:var(--primary);
}

/* ===================================== */
/* GLOBAL TRANSITION */
/* ===================================== */

button,
a,
input,
textarea,
select,
img,
.card,
.menu-card,
.kritik-card,
.berita-item,
.category-card{

    transition:
    0.3s ease;
}

/* ===================================== */
/* HOVER EFFECT */
/* ===================================== */

.menu-card:hover,
.kritik-card:hover,
.berita-item:hover,
.category-card:hover{

    transform:
    translateY(-4px);
}

/* ===================================== */
/* SELECTION */
/* ===================================== */

::selection{

    background:var(--primary);

    color:#000;
}

/* ===================================== */
/* MINIMAL PREMIUM SCROLLBAR */
/* ===================================== */

::-webkit-scrollbar{

    width:8px;

    height:8px;
}

/* TRACK */

::-webkit-scrollbar-track{

    background:transparent;
}

/* THUMB */

::-webkit-scrollbar-thumb{

    background:
    rgba(255,255,255,0.18);

    border-radius:999px;
}

/* HOVER */

::-webkit-scrollbar-thumb:hover{

    background:
    rgba(182,137,91,0.55);
}

/* FIREFOX */

*{

    scrollbar-width:thin;

    scrollbar-color:
    rgba(255,255,255,0.18)
    transparent;
}