:root {

    /* Spacing */
    --root-spacing: 1rem;
    
    --layout-gutter: var(--root-spacing);
    --layout-gutter-x: var(--layout-gutter);
    --layout-gutter-y: var(--layout-gutter);
    --bs-gutter-x: var(--layout-gutter-x);
    --bs-gutter-y: var(--layout-gutter-y);
    
    /* Nav */
    --navbar-font-size: inherit;

    /* Content layout */
    --primary-width: calc( 100% - var(--secondary-width) );
    --secondary-width: auto;
    
    /* Blocks */
    --entry-content-max-width: 640px;
    
    /* Typo */
    --regular-font-family: 'Garamond', sans-serif;
    --heading-font-family: var(--regular-font-family);
    --regular-font-size: 15px;
    --regular-font-weight: 400;
    --heading-font-weight: 700;
    --line-height: 1.65;
    --text-color: #222;
    --fz-h1: 3.2em;
    --fz-h2: 2.5em;
    --fz-h3: 1.7em;
    --fz-h4: 1.5em;
    --fz-h5: 1.25em;
    --fz-h6: 1.1em;

    /* Comments */
    --comments-gutter: calc( var(--layout-gutter) * 1 );
    --comments-indent-width: 40px;
    --avatar-width: 45px;
    --avatar-margin: calc( var(--comments-gutter) * .5 );
    --comments-line-border-width: 2px;
    --comments-line-radius: 1px;
    --comments-line-color: #eee;
    --comments-line-spacing: 5px;

    --offset-top: 100px;

}