/* ── shared.css — itfSALSA ortak stiller ── */
:root{
  --red:#C8102E;
  --dark-red:#8B0000;
  --cream:#F5EFE6;
  --warm-white:#FDFAF6;
  --text:#1a0a0a;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;color:var(--text);overflow-x:hidden;}

/* ── SCROLL REVEAL ── */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .55s ease,transform .55s ease;
}
.reveal.visible{
  opacity:1;
  transform:none;
}

/* ── ORTAK BUTONLAR ── */
.btn-p{
  background:var(--red);color:white;padding:13px 34px;
  border:none;border-radius:4px;font-family:'DM Sans',sans-serif;
  font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
  font-size:.83rem;cursor:pointer;text-decoration:none;
  transition:all .2s;display:inline-block;
}
.btn-p:hover{background:var(--dark-red);transform:translateY(-2px);}

.btn-o{
  background:transparent;color:var(--red);padding:13px 34px;
  border:2px solid var(--red);border-radius:4px;
  font-family:'DM Sans',sans-serif;font-weight:500;
  letter-spacing:1.5px;text-transform:uppercase;font-size:.83rem;
  cursor:pointer;text-decoration:none;transition:all .2s;display:inline-block;
}
.btn-o:hover{background:var(--red);color:white;transform:translateY(-2px);}

/* ── FOOTER ── */
footer{
  background:var(--text);color:rgba(255,255,255,.45);
  text-align:center;padding:28px 48px;
  font-size:.78rem;letter-spacing:1px;
}
footer span{color:var(--red);}