/* copyright © 2026 Stone Castle Lab. Tüm hakları saklıdır. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --bg-main: #013349;
  --bg-card: #013D58;
  --accent-cyan: #1CB5D6;
  --text-white: #FFFFFF;
}

body { 
  font-family: 'Inter', sans-serif; 
  background-color: var(--bg-main) !important;
  color: var(--text-white) !important;
}

/* Header & Footer */
header, footer {
  background-color: var(--bg-main) !important;
  border-color: #014c6e !important;
}

/* Dropzone & Settings Panel */
#dropzone {
  background-color: rgba(1, 61, 88, 0.5) !important;
  border-color: var(--accent-cyan) !important;
}

#dropzone:hover {
  background-color: rgba(1, 61, 88, 0.8) !important;
}

main > div:last-child,
.md\:col-span-2 > div:not(#dropzone) {
  background-color: var(--bg-card) !important;
  border-color: #014c6e !important;
}

/* Buttons */
#generatePdfBtn {
  background-color: var(--accent-cyan) !important;
  color: var(--bg-main) !important;
  font-weight: 700 !important;
}

#generatePdfBtn:hover {
  background-color: #1795b0 !important;
}

#generatePdfBtn:disabled {
  background-color: #012433 !important;
  color: #64748b !important;
  cursor: not-allowed;
}

/* Form Elements & Inputs */
select, input[type="text"] {
  background-color: #012433 !important;
  border-color: #014c6e !important;
  color: var(--text-white) !important;
}

/* Badges & Counters */
span[id="imageCount"], 
#secureBadge, 
#clearAllBtn {
  background-color: #012433 !important;
  border-color: #014c6e !important;
}

/* Image Cards */
.image-card {
  background-color: #012433 !important;
  border-color: #014c6e !important;
}

.image-card:hover {
  border-color: var(--accent-cyan) !important;
}

.drag-active { 
  border-color: var(--accent-cyan) !important; 
  background-color: rgba(28, 181, 214, 0.2) !important; 
}