@font-face {
  font-family: "Pretendard";
  src: url("brand/fonts/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("brand/fonts/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("brand/fonts/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("brand/fonts/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}

:root {
  --bg: #f7f6f3 !important;
  --card: #ffffff !important;
  --panel: #ffffff !important;
  --ink: #161616 !important;
  --sub: #706d68 !important;
  --line: #dedbd5 !important;
  --accent: #e60013 !important;
  --accent2: #0e7a53 !important;
  --warm: #fff1f2 !important;
  --shadow: 0 18px 44px rgba(35, 29, 25, 0.08) !important;
}

html {
  color-scheme: light;
}

body,
button,
input,
select,
textarea {
  font-family: "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif !important;
}

body {
  background: var(--bg) !important;
}

header {
  border-bottom-color: var(--line) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.card,
.bar,
table {
  border-color: var(--line) !important;
  border-radius: 0 !important;
}

.btn,
.chip,
.seg,
.seg button,
select,
input,
textarea,
.drop,
.calc,
.warn {
  border-radius: 0 !important;
}

button,
a,
select,
input,
textarea {
  outline-color: rgba(230, 0, 19, 0.35);
}

button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(230, 0, 19, 0.28) !important;
  outline-offset: 2px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f2f0ec;
}

::-webkit-scrollbar-thumb {
  background: #c6c1ba;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
