@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");

:root {
  --gov-font-family:
    "Pretendard GOV",
    "Pretendard",
    -apple-system,
    BlinkMacSystemFont,
    "Malgun Gothic",
    sans-serif;

  --gov-font-weight-title: 700;
  --gov-font-weight-section: 600;
  --gov-font-weight-menu: 500;
  --gov-font-weight-body: 400;

  /* 8px grid tokens (for progressive rollout) */
  --gov-space-0: 0;
  --gov-space-1: 4px;
  --gov-space-2: 8px;
  --gov-space-3: 16px;
  --gov-space-4: 24px;
  --gov-space-5: 32px;
  --gov-space-6: 40px;
  --gov-space-7: 48px;
  --gov-space-8: 56px;
  --gov-space-9: 64px;

  /* KRDS/GOV inspired color tokens */
  --gov-color-primary-50: #256ef4;
  --gov-color-primary-60: #0b50d0;
  --gov-color-primary-70: #083891;
  --gov-color-danger-60: #d50136;
  --gov-color-success-60: #0c7a3e;
  --gov-color-warning-50: #b95000;
  --gov-color-text-strong: #1d1d1d;
  --gov-color-text-muted: #464c53;
  --gov-color-bg-surface: #ffffff;
  --gov-color-bg-subtle: #f4f5f6;
  --gov-color-bg-subtle-2: #e6e8ea;
  --gov-color-border-light: #cdd1d5;
  --gov-color-border: #b1b8be;
  --gov-color-focus: #2098f3;
}

html,
body {
  font-family: var(--gov-font-family);
  font-weight: var(--gov-font-weight-body);
}

body,
button,
input,
select,
textarea,
table,
th,
td {
  font-family: inherit;
}

button,
input,
select,
textarea {
  font-weight: var(--gov-font-weight-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.modal-title,
.dialog-title,
.card-title {
  font-weight: var(--gov-font-weight-title);
}

.section-title,
.panel-title,
.section-heading h2,
legend,
summary,
thead th {
  font-weight: var(--gov-font-weight-section);
}

nav,
nav a,
nav button,
[role="navigation"] a,
[role="navigation"] button,
.nav-item,
.menu-item,
.menu-link,
.sidebar a,
.sidebar button,
.site-nav a {
  font-weight: var(--gov-font-weight-menu);
}

@media (prefers-color-scheme: dark) {
  :root {
    --gov-color-bg-surface: #1e2124;
    --gov-color-bg-subtle: #131416;
    --gov-color-bg-subtle-2: #1e2124;
    --gov-color-border-light: #33363d;
    --gov-color-border: #464c53;
    --gov-color-text-strong: #f4f5f6;
    --gov-color-text-muted: #cdd1d5;
  }
}