:root {

    --cor-fundo:         #ffffff;
    --cor-titulo:        #000000;
    --cor-corpo:         #1a1a1a;
    --cor-detalhe:       #555555;
    --cor-separador:     #cccccc;
    --cor-link:          #767676;
    --cor-link-fundo:    #f0f0f0;
    --cor-link-hover:    #cccccc;

    --cor-rodape-texto:  #cccccc;

    --fonte-titulo:      'Spectral', Georgia, serif;
    --fonte-corpo:       'Lora', Georgia, serif;
    --fonte-detalhe:     'IBM Plex Mono', 'Courier New', monospace;

    --tamanho-corpo:     21px;
    --tamanho-heading:   32px;
    --tamanho-detalhe:   14px;

    --line-height-corpo: 1.6;

    --largura-container: 1140px;
    --largura-texto:     820px;

    --espaco-xs:         0.5rem;
    --espaco-sm:         1rem;
    --espaco-md:         1.5rem;
    --espaco-lg:         2.5rem;
    --espaco-xl:         4rem;

    --borda-separador:   1px solid var(--cor-separador);
    --radius-link:       4px;
    --sombra-card:       0 2px 8px rgba(0, 0, 0, 0.10);

}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    background-color: var(--cor-fundo);
    color: var(--cor-corpo);
    font-family: var(--fonte-corpo);
    font-size: var(--tamanho-corpo);
    line-height: var(--line-height-corpo);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img,
video {
    max-width: 100%;
    height: auto;
    display: block;
}

ul,
ol {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
    background: none;
    border: none;
    font: inherit;
}

table {
    border-collapse: collapse;
    width: 100%;
}

::selection {
    background-color: var(--cor-separador);
    color: var(--cor-titulo);
}

:focus-visible {
    outline: 2px solid var(--cor-detalhe);
    outline-offset: 2px;
}

:focus:not(:focus-visible) {
    outline: none;
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}