/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');*/

:root {
    --vig-accent-color: #b6954b;
    --vig-color-border: #dadada;
    --vig-color-accent-500: #b6954b;
    --vig-color-dominant-900: #1A1A1A;
    --vig-color-dominant-800: #353535;
    --vig-color-dominant-700: #515151;
    --vig-color-dominant-300: #bfbfbf;
    --vig-color-dominant-200: #dadada;
    --vig-color-dominant-100: #EDEDED;
    --vig-color-text-primary: #000000;
    --vig-color-text-secondary: #333333;
    --vig-color-venue-vig-500: #b6954b;
    --vig-color-venue-pesti-500: #298daf;
    --vig-color-venue-hazi-500: #742b90;
    --vig-color-static-white: white;
    --vig-color-static-black: black;
    --vig-font-family-primary: "IBM Plex Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --vig-fs-text-sm: 0.875rem;
    --vig-fs-text-base: 1rem;
    --vig-fs-text-lg: 1.125rem;
    --vig-fs-text-xl: 1.25rem;
    --vig-header-size: 60px;
    --vig-max-inline-size: 1440px;
    --vig-mobile-margin: clamp(1rem, 4vw, 2rem);
}

html {
    margin: 0;
    padding: 0;
    font-family: var(--vig-font-family-primary), sans-serif;
    font-size: 16px;
    line-height: 130%;
    color: black;
    -webkit-font-smoothing: antialiased;
    background-color: white;
}

*, *::before, *::after {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

::selection {
    color: white;
    background: var(--vig-accent-color, black);
    border-radius: 3px;
}

a {
    text-decoration: none;
}

body {
    position: relative;
    display: grid;

    /*
    A Víg fejléce és lábléce közti main elem alapesetben flexibilis
    és kitölti a rendelkezésére álló helyet.
    */
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;

    margin: 0;
    padding-block: 0 var(--vig-mobile-margin);
    padding-inline: var(--vig-mobile-margin);
}

.vig-header main, .vig-footer main {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: var(--vig-mobile-margin);
    padding-block-end: var(--vig-mobile-margin);
}

code {
    display: inline-block;
    padding-inline: .25rem;
    font-size: .95em;
    background-color: #efefef;
    border-radius: 3px;
}

.vig-header hr, .vig-footer hr {
    inline-size: 100%;
    height: 1px;
    background-color: var(--color-border, #eeeeee);
    border: 0 none transparent;
}

mark {
    background-color: var(--color-accent-500);
}