@font-face {
  font-family: 'Remora';
  src: url("../css/fonts/Remora_Sans_W2_Light_2.otf") format("opentype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Remora Bold';
  src: url("../css/fonts/Remora_Sans_W5_Bold_3.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Silybrown';
  src: url("../css/fonts/Silybrown.otf") format("opentype");
  font-display: swap;
}

.text-style{
    font-family:'Remora Bold';
    text-shadow:'   
     2px  0   0 #fff,    
     2px  0   0 #fff,
    -2px  0   0 #fff,
     0   2px  0 #fff,
     0  -2px  0 #fff,
     2px  2px  0 #fff,
    -2px -2px  0 #fff,
     2px -2px  0 #fff,
    -2px  2px  0 #fff,
     4px  4px  0 rgba(227,127,144,0.5),
     0    4px  6px rgba(0,0,0,0.1);
  }

/* Drop‑zone styling */
.drop-zone {
  position: relative;
  padding: 2rem;
  border: 2px dashed #ccc;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s;
}
.drop-zone:hover {
  background: rgba(227, 127, 144, 0.1);
}
.drop-zone__input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.drop-zone__prompt {
  font-size: 1rem;
  color: #666;
}