/* =========================
   GENERAL: varijable (boje, fontovi, spacing)
   ========================= */
:root {
  /* Boje brenda */
  --color-brown-bg: #4a2d1e; /* smeđa iz headera */
  --color-gold: #d1b07a; /* zlatna za logo + script */
  --color-gold-soft: #dfc297; /* rezervna zlatna nijansa */
  --color-text-light: #f7f3ec; /* svijetli tekst */
  --color-text-muted: #e0d6c9; /* suptilni tekst */
  --color-page-bg: #000000; /* pozadina stranice */

  --testimonial-bg: #3c2a22; /* tamno smeđa / čokoladna */
  --testimonial-bg-soft: #241a15; /* još tamnija za blend */
  --testimonial-text: #f9f5f0; /* topla svijetla */
  --testimonial-accent: #d4b48a; /* šampanj detalji */

  /* Tipografija */
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: "Playfair Display", "Times New Roman", serif;
  --font-script: "Great Vibes", "Playfair Display", serif;

  /* Layout */
  --container-width: 1200px;
  --page-padding-x: 40px; /* horizontalni padding za header/stranicu */
  --header-padding-y: 32px; /* vertikalni padding za header */
}

/* =========================
   RESET / NORMALIZE
   ========================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

/* =========================
   BASE STILOVI
   ========================= */
body {
  font-family: var(--font-sans);
  background-color: var(--color-page-bg);
  color: var(--color-text-light);
  -webkit-font-smoothing: antialiased;
}

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

button {
  font: inherit;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}
.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--page-padding-x);
}
/*  ===============================
helper klasu za visually hidden
================================  */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}