:root {
            --bs-primary: #0CC0DF; /* Nová modrá farba */
            --bs-primary-rgb: 12, 192, 223; /* RGB hodnoty pre novú modrú farbu */
            --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        }

        html {
            scroll-behavior: smooth;
        }
        
        /* Sekcia na celú výšku obrazovky */
        .full-height-section {
            min-height: 100vh;
            padding: 60px 0;
        }

        .navbar {
            box-shadow: 0 2px 4px rgba(0,0,0,.05);
        }
        
        .hero-section h1 {
            font-size: 2.8rem;
            font-weight: 700;
            font-style: italic;
            color: var(--bs-primary); /* Použije novú primárnu farbu */
        }
        
        h2 {
            color: var(--bs-primary); /* Aplikuje novú primárnu farbu na h2 nadpisy */
        }

        .benefit-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .benefit-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        }
        
        .price-tag {
            font-size: 2.2rem;
            font-weight: bold;
            color: var(--bs-primary); /* Použije novú primárnu farbu */
        }

        footer a {
            text-decoration: none;
        }
        
        footer a:hover {
            text-decoration: underline;
        }
        
        /* Overrida pre tlačidlá, aby používali novú primárnu farbu */
        .btn-primary {
            --bs-btn-bg: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-bg: #09A3BD; /* Jemne tmavší odtieň pre hover efekt */
            --bs-btn-hover-border-color: #09A3BD;
            --bs-btn-active-bg: #0896AC; /* Ešte tmavší odtieň pre active efekt */
            --bs-btn-active-border-color: #0896AC;
            --bs-btn-disabled-bg: var(--bs-primary);
            --bs-btn-disabled-border-color: var(--bs-primary);
        }

        .navbar-text {
            font-size: 40px;
            color: var(--bs-primary);
            font-weight: bold;
            font-style: italic;
        }

        @media only screen and (max-width: 992px) {
            .navbar-text {
                font-size: 30px;
            }
        }

        @media only screen and (max-width: 600px) {
            .navbar-text {
                font-size: 25px;
            }
        }

        #main-img {
            filter: brightness(1.18);
        }