/* Explain: Base reset, typography utilities, and custom scrollbar styles. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Typography Utilities */
.font-heading {
    font-family: var(--font-heading);
}

.font-body {
    font-family: var(--font-body);
}

.text-gold {
    color: var(--accent-gold);
}

.bg-black-brand {
    background-color: var(--bg-black);
}

.bg-white-brand {
    background-color: var(--bg-white);
}

/* Custom Scrollbar for a premium feel */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--bg-white);
}
::-webkit-scrollbar-thumb {
    background: var(--bg-black);
}

[x-cloak] {
    display: none !important;
}

/* Smooth reveal utility */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}