/* =================================
   GIBSON SWARM LIGHT THEME
   Terminal-inspired typography and sharp edges
   on a clean, readable light background
   ================================= */

/* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');

/* =================================
   TYPOGRAPHY - Monospace Everything
   ================================= */
body, html {
  font-family: 'JetBrains Mono', Consolas, Monaco, 'Courier New', monospace !important;
}

h1, h2, h3, h4, h5, h6,
p, span, div, label, a, button, input, textarea, select,
.btn, .card, .modal-content, th, td {
  font-family: 'JetBrains Mono', Consolas, Monaco, 'Courier New', monospace !important;
}

/* =================================
   GLOBAL BORDER-RADIUS REMOVAL
   Sharp corners throughout
   (Preserves step circles)
   ================================= */

/* Reset border-radius on most elements, but NOT step indicators */
*:not(.step):not(.step::before):not(.progress-meter):not(.progress-meter *) {
  border-radius: 0 !important;
}

/* Explicitly preserve circular step indicators */
.step::before {
  border-radius: 50% !important;
}

.progress-meter,
.progress-meter svg,
.progress-meter circle {
  border-radius: 50% !important;
}

/* Specific elements that commonly have rounded corners */
.btn, button,
input, textarea, select,
.card, .panel, .box,
.modal, .modal-content, .modal-header, .modal-body, .modal-footer,
.toast,
.dropdown-menu, .profile-menu,
.template-card, .template-info-card, .template-category,
.act-card, .act-cards-container,
.scene-item, .scene-card, .scene-group,
.plot-point-item, .plot-point-container,
.dialogue-entry, .dialogue-scene,
.character-tag, .influence-tag,
.badge, .tag, .chip,
.progress-bar, .progress-fill,
.nav-link,
.breadcrumb-btn,
.form-control, .input-group,
.alert, .notification,
.tooltip, .popover,
.tabs, .tab,
.slider, .toggle,
img {
  border-radius: 0 !important;
}

/* =================================
   CLEAN UP GRADIENTS
   Solid colors instead of gradients
   ================================= */
.btn-primary {
  background: #4a90d9 !important;
  background-image: none !important;
}

.btn-primary:hover {
  background: #3a7bc8 !important;
  background-image: none !important;
}

.btn-generate, .btn-generate-all {
  background: #48bb78 !important;
  background-image: none !important;
  color: white !important;
}

.btn-generate:hover, .btn-generate-all:hover {
  background: #38a169 !important;
  background-image: none !important;
}

/* Remove gradient backgrounds from header/progress */
.progress-bar-fill {
  background: #4a90d9 !important;
  background-image: none !important;
}

/* =================================
   UPPERCASE LABELS (Terminal style)
   ================================= */
label,
.form-label,
.section-title,
.card-header h2,
.card-header h3,
.step-breadcrumb .breadcrumb-current {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.85em;
}

/* =================================
   CLEAN BORDERS
   Consistent 1px borders
   ================================= */
.card, .panel, .box,
.modal-content,
.template-card, .template-info-card,
.act-card,
.scene-item, .scene-card,
.plot-point-item,
.dialogue-entry,
input, textarea, select,
.form-control {
  border-width: 1px !important;
  border-style: solid !important;
}

/* =================================
   SCROLLBARS (minimal)
   ================================= */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
}