:root{
  --bg:#f6f7f3;           /* svijetla maslinasta pozadina */
  --paper:#fbfcf8;        /* kartice & countdown */
  --text:#23261f;         /* tamni tekst */
  --muted:#6a6f5f;        /* prigušeni ton */
  --accent-2:#7a8f5a;     /* maslinasti naglasak */
  --accent-3:#a8b57a;     /* svjetliji akcent */
  --border:#dfe6d0;       /* rub */
  --shadow:0 12px 32px rgba(74, 92, 53, .18);
}

*{ box-sizing:border-box }
html{ scroll-behavior:smooth }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.6 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  position:relative;
}

/* Dekor PNG u kutevima — isti nazivi datoteka */
body::before,
body::after{
  content:"";
  position:fixed;
  width: clamp(180px, 45vw, 800px);
  height: clamp(180px, 45vw, 800px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  pointer-events:none;
  z-index:0;
  opacity: .35;
  filter: drop-shadow(0 8px 22px rgba(74,92,53,.18));
}
body::before{ top:0; left:0; background-image:url('assets/top_left.png'); }
body::after{ right:0; bottom:0; background-image:url('assets/bottom_right.png'); }

main{ position:relative; z-index:1 }

.container{ width:min(1100px, 92%); margin-inline:auto }
.container.narrow{ width:min(840px, 92%) }

/* Naslovi: elegantna serif */
h1,h2{
  margin:0 0 .6rem 0;
  line-height:1.15;
  color:#1b2216;
}
h1 span{ color:var(--accent-2) }

h1.names{
  font-family:'Marcellus', serif;
  font-weight:400;
  font-size: clamp(2.6rem, 7.5vw, 5rem); /* mrvu manje od pink varijante */
  letter-spacing:.6px;
}

h2{
  font-family:'Marcellus', serif;
  font-weight:400;
  font-size: clamp(1.6rem, 3.8vw, 2.4rem);
}

p{ margin:.2rem 0 1rem 0 }
.muted{ color:var(--muted) }

/* Hero */
.hero-inner{
  width:min(980px, 92%);
  margin-inline:auto;
  padding: clamp(44px, 6.5vw, 90px) 0;
  text-align:center;
}
.hero .overline{
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.hero .names{
  text-shadow: 0 2px 0 #fff, 0 18px 30px rgba(74,92,53,.16);
}
.hero .date{
  font-weight:700;
  color:#3f4a31;
  margin-bottom:.8rem;
}

/* Countdown — smanjen */
.countdown{
  display:flex;
  gap:10px;              /* manji razmak */
  justify-content:center;
  margin:10px 0 20px;    /* manji margini */
}
.countdown div{
  background:var(--paper);
  border:1px solid var(--border);
  padding:10px 12px;     /* manje paddinga */
  border-radius:12px;    /* manje radius */
  box-shadow:var(--shadow);
  min-width:62px;        /* bilo 76px */
}
.countdown span{
  display:block;
  font-weight:800;
  font-size:1.15rem;     /* bilo 1.4rem */
  color:#2a331f;
  line-height:1.1;
}
.countdown small{
  color:var(--muted);
  font-size:.8rem;       /* sitnije oznake */
}

/* Timeline */
.timeline{
  list-style:none;
  padding:0;
  margin:0 auto;
  border-left:2px dashed #d7dec6;
  display:inline-block;
  text-align:left;
}
.timeline li{
  display:grid;
  grid-template-columns:64px 16px 1fr; /* nešto uže vrijeme */
  gap:10px;
  padding:5px 0;
}
.timeline .time{ font-weight:800; color:#4c5a39 }
.timeline .dot{
  width:10px;
  height:10px;
  background:linear-gradient(180deg, var(--accent-2), var(--accent-3));
  border-radius:50%;
  margin-top:8px;
  box-shadow:0 2px 8px rgba(74,92,53,.3);
}

/* Sekcije */
.section{ padding: clamp(24px, 4.6vw, 30px) 0; text-align:center }

/* Elegantna skriptna linija kao naglasak (isti Google sheet ne koristimo; ručno crtana imitacija kroz transform) */
.script-line{
  font-family:'Marcellus', serif;
  font-style:italic;
  letter-spacing:.5px;
  font-size: 1.6rem;
  color: var(--accent-2);
  margin: 1rem 0 0;
  transform: skew(-1deg);
}

#info h2{
  margin-bottom:.35rem;
}

#info p{
  margin: 0.2rem 0 0.5rem 0;
  line-height: 1.45;
}

/* Linkovi */
a{ color:var(--accent-2); text-decoration-thickness: .08em }
a:hover{ text-decoration:underline }