:root {
    --padding: 1rem;
    --padding-half: 0.5rem;
    --padding-double: 2rem;
    --padding-body: var(--padding);
    --padding-panel: var(--padding);
    --padding-card-content: var(--padding);
    --padding-hero-panel: var(--padding-panel);
    --footer-padding: var(--padding);
    --list-padding: var(--padding-double);
    --padding-keyword: var(--padding-half);

    --gap: 1.5rem;
    --gap-half: 0.75rem;
    --gap-third: 0.5rem;
    --gap-body: var(--gap);
    --gap-card-content: var(--gap-half);
    --gap-hero: var(--gap-body);
    --gap-big-logo: var(--gap-hero);
    --gap-site-stats-list: var(--gap-hero);
    --gap-main: var(--gap-body);
    --gap-articles-list: var(--gap-main);
    --gap-footer: var(--gap-main);
    --gap-footer-nav: var(--gap-half);
    --gap-hero-page: var(--gap-hero);
    --gap-site-title: var(--gap-half);
    --gap-page-meta: var(--gap-half);
    --gap-page-links: var(--gap);
    --gap-list: var(--gap-third);

    --margin: 2rem;
    --margin-half: 1rem;
    --margin-big-logo: auto;
    --margin-site-stats: auto;
    --margin-site-stats-list: var(--margin) auto;
    --margin-home-section: var(--margin) 0 0 0;
    --margin-home-section-header: 0 0 var(--margin-half) 0;

    --width-content-min: 300px;
    --width-content-max: 48rem;

    --grid-columns: 4;
    --width-card-min: 300px;
}