/* =========================================
   A DAY MADE JUST FOR YOU
   GLOBAL STYLES
========================================= */


/* 1. RESET CSS
   Mengatur ulang tampilan bawaan browser
*/

/* Memastikan ukuran elemen lebih mudah dikontrol */
* {
    box-sizing: border-box;
}

/* Menghilangkan jarak bawaan browser */
html,
body {
    margin: 0;
    padding: 0;
}

/* Membuat perpindahan halaman terasa halus */
html {
    scroll-behavior: smooth;
}


/* 2. BODY
   Tampilan dasar seluruh website
*/

body {
    min-height: 100vh;

    background-color: var(--color-background);

    color: var(--color-text);

    font-family: var(--font-body);

    font-size: var(--text-base);

    line-height: 1.6;

    -webkit-font-smoothing: antialiased;
}


/* 3. HEADING
   Pengaturan judul dan subjudul
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;

    font-family: var(--font-heading);

    font-weight: 500;

    line-height: 1.2;

    color: var(--color-text);
}


/* 4. PARAGRAPH
   Pengaturan teks paragraf
*/

p {
    margin-top: 0;

    margin-bottom: var(--space-md);
}


/* 5. IMAGE
   Memastikan gambar tidak keluar dari wadahnya
*/

img {
    display: block;

    max-width: 100%;

    height: auto;
}


/* 6. BUTTON
   Pengaturan dasar seluruh tombol
*/

button {
    font-family: var(--font-body);

    font-size: inherit;

    cursor: pointer;
}


/* 7. LINK
   Menghilangkan garis bawah bawaan
*/

a {
    color: inherit;

    text-decoration: none;
}


/* 8. INPUT
   Menyamakan jenis font pada kolom input
*/

input,
textarea {
    font-family: var(--font-body);

    font-size: inherit;
}


/* 9. FOCUS
   Memberi tanda saat elemen dipilih menggunakan keyboard
*/

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--color-muted-rose);

    outline-offset: 4px;
}


/* 10. TEXT SELECTION
   Warna saat pengguna menyeleksi tulisan
*/

::selection {
    background-color: var(--color-dusty-rose);

    color: var(--color-text);
}