:root {
    color-scheme: light;
    --legacy-bg: #ffffff;
    --legacy-surface: #f2f2f2;
    --legacy-surface-2: #d9d9d9;
    --legacy-line: #000000;
    --legacy-text: #111111;
    --legacy-muted: #777777;
    --legacy-button-bg: #ffffff;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --legacy-bg: #111111;
    --legacy-surface: #1b1b1b;
    --legacy-surface-2: #242424;
    --legacy-line: #3b3b3b;
    --legacy-text: #f4f1ea;
    --legacy-muted: #b8b0a4;
    --legacy-button-bg: #242424;
}

body {
    word-break: keep-all;
    font-family: "Pretendard Variable", "Noto Sans KR";
    font-weight: 500;
    box-sizing: border-box;
    color: var(--legacy-text);
    background: var(--legacy-bg);
}

a {
    text-decoration: none;
    color: var(--legacy-text);
}

#홈버튼 {
    font-size: 1.3em;
}

#header {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 24px auto auto auto;
    padding: 24px;
    font-size: 1em;
}

#content {
    margin: 4em auto 4em auto;
    max-width: 1200px;
    width: calc(100% - 2em);
}

@media screen and (max-width: 768px) {
    #content {
        margin: 0 .5em 2em .5em;
        width: calc(100% - 1em);
    }
}

#footer {
    border-top: 1px solid var(--legacy-line);
    text-align: center;
}

/* 기본 숫자 입력에 있는 무쌩긴 위아래 화살표 제거 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

p { margin: 0;}
.페이지 {
    margin: 0 .5em;
    text-align: center;
    font-family: "Noto Sans KR";
    font-size: 20px;
}
.페이지 > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: var(--legacy-muted);
}
.페이지.활성화 > a { color: var(--legacy-text); }

.페이지:nth-child(1) {
    border-radius: 0.5em 0 0 0.5em;
}
.페이지:nth-last-child(1) {
    border-radius: 0 0.5em 0.5em 0;
}

.배경색1 { background-color: var(--legacy-surface); }
.배경색2 { background-color: var(--legacy-surface-2); }

#header,
#header .nav-link,
#홈버튼 {
    color: var(--legacy-text);
}

.theme-toggle {
    border: 0;
    color: var(--legacy-text);
    background: transparent;
    cursor: pointer;
}

.theme-toggle:hover,
.theme-toggle:focus {
    color: var(--legacy-muted);
}

.form-control,
.form-select,
select,
input,
textarea,
table {
    color: var(--legacy-text);
    border-color: var(--legacy-line);
    background-color: var(--legacy-button-bg);
}

select option {
    color: var(--legacy-text);
    background-color: var(--legacy-button-bg);
}

:root[data-theme="dark"] .btn-light {
    border-color: var(--legacy-line);
    color: var(--legacy-text);
    background-color: var(--legacy-button-bg);
}

:root[data-theme="dark"] .btn-dark {
    border-color: #5a5a5a;
    color: #111111;
    background-color: #e0b45b;
}

.sectionName {
    font-size: 1.5em;
    font-weight: 900;
}

.bold {
    font-weight: 900;
}