:root {
        --primary-color: #FFC107;     /* Arany/sárga színek a kiemelésekhez */
        --dark-bg: #1A1E27;           /* Sötét háttér */
        --darker-bg: #13151c;         /* Még sötétebb háttér */
        --light-text: #ffffff;        /* Világos szöveg */
        --gray-text: #a0a6b3;         /* Szürke szöveg */
        --body-font: 'Roboto', sans-serif;
    }

    body {
        font-family: var(--body-font);
        background-color: var(--dark-bg);
        color: var(--light-text);
        margin: 0;
        padding: 0;
        line-height: 1.6;
    }



    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem;
    }

    /* Főcím stílusok */
    .main-title {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color: var(--light-text);
    }

    .accent-text {
        color: var(--primary-color);
        font-size: 2.5rem;
        font-weight: 600;
    }

    .last-updated {
        color: var(--primary-color);
        font-size: 0.9rem;
        margin-bottom: 2rem;
    }

    /* Alcím stílusok */
    h2 {
        font-size: 2rem;
        font-weight: 600;
        margin-top: 2.5rem;
        margin-bottom: 1.5rem;
        color: var(--light-text);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0.5rem;
    }

    h3 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 2rem;
        margin-bottom: 1rem;
        color: var(--primary-color);
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 600;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
        color: var(--light-text);
    }

    /* Szöveg stílusok */
    p {
        margin-bottom: 1.2rem;
        color: var(--gray-text);
    }

    /* Lista stílusok */
    ul, ol {
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        color: var(--gray-text);
    }

    li {
        margin-bottom: 0.5rem;
    }

    /* Kiemelt elemek */
    strong {
        color: var(--light-text);
        font-weight: 600;
    }

    /* Linkek stílusai */
    a {
        color: var(--primary-color);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    a:hover {
        color: var(--light-text);
        text-decoration: underline;
    }