@charset "utf-8";

@layer reset{
    *{ outline-color: var(--primary); }
    *, *::before, *::after{ box-sizing: border-box; }
    :where(body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, dl, dd, input){ margin:0; padding: 0; }
    :where(input,textarea,button,select){ font: inherit; color: inherit; caret-color: var(--primary); }
    a{ text-decoration: none; color: inherit; }
    :where(address, em){ font-style: normal; }
    body{ position: relative; accent-color: var(--primary); font: 16rem/1.5 var(--font-pre); overflow-wrap: break-word; word-break: keep-all; color: var(--black); }
    button{ padding: 0; background: 0; border: 0; cursor: pointer; }
    dialog{ color: inherit; }
    summary{ cursor: pointer; }
    :where(svg:focus, svg *:focus){ outline: none; }
    table{ border-spacing: 0; border-collapse: collapse; }
    textarea{ resize: vertical; }
    ul, ol{ list-style: none; }
}