/* ===================== CSS VARIABLES ===================== */
:root {
  --accent: #f74670;
  --gradient: linear-gradient(90deg, #e10c5d 0%, #f9681c 100%);
}

/* ===================== GLOBAL RESET ===================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ===================== BASE ELEMENTS ===================== */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Be Vietnam Pro", sans-serif;
  background-color: #fef7f7;
  color: #222;
  overflow-x: hidden;
  transition: all 0.3s ease;
}

a {
  text-decoration: none !important;
}

section {
  scroll-margin-top: 180px;
}

/* ===================== LAYOUT HELPERS ===================== */
#wrapper {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 96px;
}

.container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}