/*==========================================================
    NEXUS INFORMATIKA

    Fájl..............: typography.css
    Verzió............: 1.0.0

    Leírás:
    Betűtípusok és tipográfiai szabályok.
==========================================================*/


/*==========================================================
    GOOGLE FONT
==========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');


/*==========================================================
    BODY
==========================================================*/

body {

    font-family: "Inter", sans-serif;

    font-size: var(--font-md);

    color: var(--color-text);

    background-color: var(--color-background);

    line-height: 1.6;

}


/*==========================================================
    CÍMSOROK
==========================================================*/

h1 {

    font-size: 3.5rem;

    font-weight: 800;

    line-height: 1.1;

    margin-bottom: var(--space-md);

}


h2 {

    font-size: 2.5rem;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: var(--space-md);

}


h3 {

    font-size: 1.75rem;

    font-weight: 600;

    margin-bottom: var(--space-sm);

}


h4 {

    font-size: 1.35rem;

    font-weight: 600;

}


/*==========================================================
    BEKEZDÉSEK
==========================================================*/

p {

    color: var(--color-text-secondary);

    margin-bottom: var(--space-md);

}


/*==========================================================
    LINKEK
==========================================================*/

a {

    transition: var(--transition-fast);

}


/*==========================================================
    KIEMELÉS
==========================================================*/

strong {

    font-weight: 700;

}


em {

    font-style: italic;

}


/*==========================================================
    KIJELÖLÉS
==========================================================*/

::selection {

    background: var(--color-primary);

    color: #ffffff;

}

/* ==========================================================
   HERO TIPOGRÁFIA
========================================================== */

.hero-title{

    font-size:60px;

    font-weight:700;

    line-height:1.08;

    letter-spacing:-2px;

    color:var(--text-primary);

    margin-bottom:24px;

}

.hero-highlight{

    display:block;

    margin-top:12px;

    font-size:30px;

    font-weight:600;

    color:var(--color-primary);

}

.hero-description{

    max-width:560px;

    margin-bottom:48px;

    font-size:20px;

    line-height:1.8;

    color:var(--text-secondary);

}