/* Approved colour direction for the ArhivaDigital presentation site. */
:root {
  --paper: #f4f8fa;
  --ink: #142733;
  --ink-soft: #465d6b;
  --line: #bfd2dc;
  --blue-50: #e4f1f5;
  --blue-100: #d2e6ed;
  --blue-300: #86c3d2;
  --blue-500: #247da6;
  --blue-700: #155f85;
  --teal: #1d8177;
  --gold: #c88842;
  --shadow: 0 20px 54px rgba(22, 72, 96, 0.16);
}

body {
  background: var(--paper);
}

.site-header {
  border-bottom-color: rgba(150, 181, 195, 0.7);
  background: rgba(244, 249, 251, 0.96);
}

.brand-mark {
  border-color: var(--blue-700);
  background: var(--blue-700);
}

.brand-mark::before,
.brand-mark::after {
  background: var(--white);
  box-shadow: 0 6px 0 var(--white), 0 12px 0 var(--white);
}

.brand-copy strong,
.hero h1 {
  color: #123f55;
}

.button.primary {
  border-color: #155f85;
  background: #155f85;
}

.hero {
  border-bottom-color: #a9c6d2;
  background: #d4e8ee;
}

.hero-media {
  background: #cfe3e9;
}

.hero-media img {
  filter: saturate(1.04) contrast(1.01);
}

.hero-media::after {
  background: rgba(216, 237, 242, 0.06);
}

.hero-panel {
  border-right-color: #abc9d5;
  background: rgba(238, 247, 249, 0.97);
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #155f85;
}

.eyebrow::before {
  content: "";
  width: 22px;
  height: 3px;
  flex: 0 0 22px;
  background: var(--gold);
}

.hero-lead {
  color: #304b5a;
}

.hero-proof {
  border-top-color: #b2ccd6;
}

.trust-strip {
  background: #f9fcfd;
}

.trust-grid {
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
}

.trust-intro {
  padding-left: 30px;
  background: #155f85;
  color: var(--white);
}

.trust-intro span {
  color: #dcebf1;
}

.trust-item {
  border-right-color: #b5cbd5;
  background: #eef6f8;
}

.trust-item:nth-child(3) {
  background: #e4f2ef;
}

.trust-item:nth-child(4) {
  background: #edf3f6;
}

.trust-item strong {
  color: #164d65;
}

#proces {
  background: #fbfdfe;
}

.process-list {
  border-top-color: #aac7d3;
}

.process-row {
  border-bottom-color: #c2d6de;
}

.process-index {
  color: #17739b;
}

.process-status {
  border-color: #73b4c8;
  background: #e2f2f6;
  color: #155f85;
}

.section.blue {
  background: #dcecf1;
}

.product-stage {
  border-top-color: #9fbfcb;
  border-bottom-color: #9fbfcb;
  background: #bfd9e2;
}

.product-frame {
  border-color: #8facba;
}

.section.dark {
  background: #132b37;
}

.dark .eyebrow {
  color: #8ed2df;
}

.dark .eyebrow::before {
  background: #d79b56;
}

.capability {
  background: rgba(255, 255, 255, 0.018);
}

.capability:nth-child(2),
.capability:nth-child(3) {
  background: rgba(67, 150, 158, 0.06);
}

#sigurnost + .section.white {
  background: #eef6f3;
}

.assurance-note {
  border-left-color: var(--gold);
}

.assurance-item {
  border-bottom-color: #bcd2cc;
}

.assurance-number {
  color: var(--teal);
}

.contact-section {
  border-top: 1px solid #a7c6d1;
  background: #cfe5ec;
}

.contact-details {
  border-top-color: #9dbec9;
}

.contact-form {
  border-color: #a5c1cc;
  border-top: 4px solid #155f85;
  box-shadow: 0 18px 42px rgba(22, 72, 96, 0.14);
}

.site-footer {
  border-top: 5px solid var(--teal);
  background: #102630;
}

@media (max-width: 860px) {
  .site-nav {
    background: #edf5f8;
  }

  .hero-media::after {
    background: rgba(216, 237, 242, 0.12);
  }
}

@media (max-width: 620px) {
  .trust-grid {
    border-right: 0;
    border-left: 0;
  }

  .trust-intro,
  .trust-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}