html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

:root {
    --primary-navy: #0a2540; /* Ozbiljna korporativna tamna */
    --accent-blue: #0d6efd;
    --success-green: #24b47e; /* Za "Outcome" badge */
    --light-bg: #f6f9fc;
    --text-main: #425466;
}

body {
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--text-main);
    line-height: 1.65; /* Premium čitljivost [cite: 10] */
    
}

/* Ritam sekcija: 1 tamna + 2 svijetle  */
.section-dark {
    background: var(--primary-navy);
    color: white;
    padding: 100px 0;
    background: linear-gradient(135deg, #0a2540 0%, #163352 100%); /* Suptilan gradient  */
}

.section-light {
    padding: 100px 0;
    background: white;
}

.section-gray {
    padding: 100px 0;
    background: var(--light-bg);
}

/* Gumbi po smjernicama [cite: 15] */
.btn-saas {
    padding: 12px 28px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 150ms ease;
}

    .btn-saas:hover {
        transform: translateY(-2px);
    }

/* Ograničenje širine teksta za premium izgled [cite: 10] */
.max-text-width {
    max-width: 65ch;
    margin-left: auto;
    margin-right: auto;
}