@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
  /* Backgrounds */
  --bg-primary: #0B1315;
  --bg-decorative: #21221E;

  /* Accents */
  --accent-primary: #C8AB80;
  --accent-secondary: #897151;

  /* Text */
  --text-primary: #FFFFFF;
  --text-secondary: #DFDFDF;

  /* Typography */
  --font-main: 'Josefin Sans', sans-serif;

  /* Spacing */
  --container-max: 1200px;
  --section-padding: 80px 20px;
  --section-padding-mobile: 48px 16px;

  /* Transitions */
  --transition: 0.25s ease;
}

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

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: var(--font-main);
  border: none;
  background: none;
}

/* ── DECORATIVE LINES ────────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  display: flex;
  background-image:
    linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative)),
    linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative)),
    linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative)),
    linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative));
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position:
    20% 0,
    40% 0,
    60% 0,
    80% 0;
}

body > * {
  position: relative;
  z-index: 1;
}


@media (max-width: 768px) {
  body::before {
    background-position:
      33% 0,
      67% 0;
    background-image:
      linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative)),
      linear-gradient(to bottom, var(--bg-decorative), var(--bg-decorative));
  }
}