: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) );
    --primary-padding-x: var(--layout-gutter);
    --secondary-width: auto;

    /* Entry content */
    --entry-content-margin-x: auto;

    /* Blocks */
    --entry-content-max-width: 640px;
    
    /* Typo */
    --font-family-regular: 'Garamond', sans-serif;
    --font-family-heading: var(--regular-font-family);
    --font-size-regular: 15px;
    --font-weight-regular: 400;
    --font-weight-heading: 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;
    --letter-spacing-1: .05rem;
    --letter-spacing-2: .75rem;
    --letter-spacing-3: .1rem;
    --letter-spacing-4: .125rem;
    --letter-spacing-5: .15rem;

    /* 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;

}