:root{
  --brand:#0ea5e9;
  --bs-body-color:#cccccc; /* κάνει όλα τα labels/τίτλους ορατά */
}

/* Βασικά χρώματα θέματος */
body{ background:#0b1020; color:#e6eef8; }
.navbar{ background:linear-gradient(90deg,#0b1226,#10203a); border-bottom:1px solid #13233f; }
.navbar-brand{ color:#bfe3ff !important; font-weight:700; letter-spacing:.5px; }
.nav-link{ color:#9cc7ff !important; cursor: pointer; }
.nav-link.active{ color:#fff !important; }
.card{ background:#101a2f; border:1px solid #152745; box-shadow:0 6px 20px rgba(0,0,0,.25); }
.badge-zone{ background:#0e2a4a; border:1px solid #1c4b82; color:#d6ecff; }
.footer{ color:#8fb3d9; font-size:.9rem; }

.clock-tile{
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem 1rem; border-radius:.6rem; background:#0d162a; border:1px solid #1a2b4d;
}
.clock-time{ font-variant-numeric:tabular-nums; font-size:1.6rem; font-weight:700; }
.small-muted, label, .form-label, .fw-semibold, h5, h6{ color:#cccccc !important; }

/* Inputs (σταθερό dark bg σε focus/αλλαγή/autofill) */
.form-control,.form-select{
  background:#0c1426; color:#e6eef8; border:1px solid #1b2c4d;
}
.form-control:focus,.form-select:focus{
  background:#0c1426; color:#e6eef8;
  border-color:#3ea8ff; box-shadow:0 0 0 .2rem rgba(62,168,255,.15);
}
input::placeholder,textarea::placeholder{ color:#aaaaaa; }
/* αριθμητικά πεδία */
input[type="number"]{ -moz-appearance:textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
/* webkit autofill (μην γίνονται άσπρα/κίτρινα) */
input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #0c1426 inset !important;
  -webkit-text-fill-color:#e6eef8 !important;
}

/* Κουμπιά */
.btn-outline-light{ color:#cccccc; border-color:#cccccc; }
.btn-outline-light:hover{ background:#cccccc; color:#001f3f; }

/* Convert/Calculate είναι .btn-brand → σταθερό bg και στο hover */
.btn-brand{
  background:var(--brand); border:none; color:#001220; font-weight:600;
}
.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active{
  filter:none;
  background:#0c98d6; /* λίγο πιο σκούρο από --brand */
  color:#001220;
}
.btn-brand:focus-visible{ outline:2px solid #66cfff; outline-offset:2px; }

input.form-control::placeholder {
    color: #878;
    opacity: 1;
}


.navbar-toggler {
  border-color: #ffffff; /* λευκό περίγραμμα */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}