/*  _1.base.css
    Oakwood Framework v4.0.0
    CSS reset + bare element defaults. No classes. Copy-paste once, never touch.
*/


html, body {
    font-family: var(--font-base);
    margin: 0;
    padding: 0;
    /* overflow-x: hidden;  Prevents horizontal scrolling it masks bugs*/
    background: var(--bg-outer);
    color: var(--text-dark);
    scroll-behavior: smooth;
}

h1, h2 {
    text-align: var(--title-align);
}

h3, h4, h5, h6 {
    text-align: var(--heading-align);
    margin-top: var(--spacing-block);
}

/* Responsive typography */

h1 { font-size: 1.75em; } /* reduced .25em */
h2 { font-size: 1.25em; } /* reduced .25em */
h3 { font-size: 1.17em; } /* default */
h4 { font-size: 1em ;}  /* default */
h5 { font-size: 0.83em; } /* default */
h6 { font-size: 0.67em; } /* default */


p {
    font-size: var(--font-fluid-body);
    line-height: 1.6; /* multiplier of font size */
    margin: 0 auto  var(--spacing-sm); /* top lr bottom */
}

p.medium-text {
    font-size: var(--font-fluid-medium);
}

p.larger-text {
    font-size: var(--font-fluid-large);
}

a {
    color: var(--link-color);
    background-color: transparent;
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover,
a:focus {
    color: var(--link-hover-color);
    text-decoration: none;
    outline: none;
}

a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Spaced list */
/* Vertical list — extra space between items, no underlines on links */
ul.spaced-list {
     /* list-style: none;    remove bullets if you want */
     padding: var(--spacing-lg);
     margin: var(--spacing-lg);
}
ul.spaced-list li {
    font-size: var(--font-fluid-medium);
    margin: 0 0 var(--spacing-lg) 0;     /* bottom spacing between items */
}
ul.spaced-list a {
    text-decoration: none;  /* remove underline */
    font-size: var(--font-fluid-medium);
    /*color: inherit;         /* keep link colour same as surrounding text */
}

ul.spaced-list a:hover {
    color: var(--link-hover-color);
    font-weight:700;

}

/* End Spaced list */


button {
    font-family: inherit;
    background-color: var(--bg-button);
    color: var(--text-button);
    font-size: var(--font-fluid-body);
    padding: var(--spacing-sm) var(--spacing-md);
    cursor: pointer;
    border: none;
    border-radius: var(--button-radius);
    font-weight: 500;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        font-weight 0.15s ease;
}

.button--small {
  font-size: var(--font-fluid-small);
  padding: var(--spacing-xs) var(--spacing-sm);
}

.button--large {
  font-size: var(--font-fluid-large);
  padding: var(--spacing-md) var(--spacing-lg);
}


button:hover {
    color: var(--text-button-hover);
    background-color: var(--bg-button-hover);
}