/* Alap színek és stílusok */
:root {
    --primary-color: #008cba; /* Sötét türkiz (cyan) */
    --success-color: #005f73; /* Sötétkék */
    --hover-color-primary: #007799;
    --hover-color-success: #004d60;
}

body {
    background-color: #f0f2f5;
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

.custom-btn {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    letter-spacing: 1px;
    font-weight: bold;
}

.custom-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Gomb színek */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--hover-color-primary);
    border-color: var(--hover-color-primary);
}

.btn-success {
    background-color: var(--success-color);
    border-color: var(--success-color);
}

.btn-success:hover {
    background-color: var(--hover-color-success);
    border-color: var(--hover-color-success);
}

/* Ikonok stílusa */
.custom-btn i {
    font-size: 1.25rem;
    vertical-align: middle;
}

/* Lábléc és technológiai ikonok stílusa */
footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.tech-icons i {
    color: #f8f9fa;
    transition: color 0.3s ease-in-out;
}

.tech-icons i:hover {
    color: #e9ecef;
}