/* css/base.css */

:root {
   --color-maroon: #9c0004;
   --color-meteorite: #2c2929;
   --color-lightgrey: #878787;
   --color-white: #ffffff;
   --font-heading: 'Montserrat', sans-serif;
   --font-body: 'Inter', sans-serif;

   /* Font Sizes PC */
   --size-body: 18px;
   --size-hero-title: 3.5rem;
   --size-h1: 3.5rem;
   --size-h2: 2.8rem;
   --size-h3: 42px;
}

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

html {
   scrollbar-gutter: stable !important;
}

/* =========================================
   GLOBAL FIX: MENCEGAH BOCOR SAMPING (GAP)
   ========================================= */
html,
body {
   max-width: 100%;
   overflow-x: hidden; /* Memotong paksa semua elemen yang melebar ke samping */
}

body {
   font-family: var(--font-body);
   background-color: var(--color-white);
   color: var(--color-meteorite);
   font-size: var(--size-body);
   line-height: 1.6;
   overflow-y: scroll;
   position: relative;
}

body.modal-open {
   padding-right: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-link,
button,
.hero-title {
   font-family: var(--font-heading);
}