:root {
  --nav-bg:             #cfd6f1;
  --price-green-bg:     #d1e7dd;
  --price-green-color:  #0a3622;
  --price-green-border: #198754;
  --price-blue-bg:      #cfe2ff;
  --price-blue-color:   #084298;
  --price-blue-border:  #0d6efd;
  --price-red-bg:       #f8d7da;
  --price-red-color:    #58151c;
  --price-red-border:   #dc3545;
}

@media (prefers-color-scheme: dark) {
  :root {
    --nav-bg:             #2d3561;
    --price-green-bg:     #051b11;
    --price-green-color:  #75b798;
    --price-green-border: #198754;
    --price-blue-bg:      #031633;
    --price-blue-color:   #6ea8fe;
    --price-blue-border:  #0d6efd;
    --price-red-bg:       #2c0b0e;
    --price-red-color:    #ea868f;
    --price-red-border:   #dc3545;
  }
}

body {
  padding-top: 3.5rem;
  font-family: Arial, Helvetica, sans-serif;
}

/* Price card */
.price-card {
  display: inline-block;
  padding: 1.25rem 2rem;
  border-radius: 0.75rem;
  border-left: 6px solid;
  text-align: center;
  margin: 0.5rem 0;
  transition: background 0.3s, color 0.3s;
}
.price-card.price-green { background: var(--price-green-bg); color: var(--price-green-color); border-color: var(--price-green-border); }
.price-card.price-blue  { background: var(--price-blue-bg);  color: var(--price-blue-color);  border-color: var(--price-blue-border);  }
.price-card.price-red   { background: var(--price-red-bg);   color: var(--price-red-color);   border-color: var(--price-red-border);   }
.price-value { font-size: 2rem; font-weight: 700; line-height: 1.2; }
.price-snt   { font-size: 1.1rem; }

/* Nav */
.navbar { background-color: var(--nav-bg) !important; }

/* Contact form */
.info {
  font-size: .8em;
  color: #e66262;
  letter-spacing: 2px;
  padding-left: 5px;
}

.input-field {
  width: 100%;
  border-radius: 2px;
  padding: 10px;
  border: #5043c9 1px solid;
  box-sizing: border-box;
  margin-top: 2px;
}

img { border-radius: 10px; }
img.img-galerii { border-radius: 10px; margin: 10px; }