/* 수년복싱 Brand Typography
   - Heading: Gmarket Sans (Bold)
   - Body: Pretendard Variable (Regular)
   - Data/Numeric: Pretendard Variable (SemiBold) + tabular-nums
*/

/* Pretendard Variable (recommended for performance) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");

/* Gmarket Sans: @font-face here to avoid loading external CSS (MIME type / CORB issues) */
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: "GmarketSansBold", "Gmarket Sans", "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI",
    Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-body: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR",
    "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  --font-weight-body: 400;
  --font-weight-data: 600;
  --font-weight-heading: 700;
}

html {
  font-family: var(--font-body);
  font-weight: var(--font-weight-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* Ensure form controls inherit the brand font */
button,
input,
select,
textarea {
  font-family: inherit;
}

/* Heading policy */
h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
}

/* Data / Numeric policy */
.font-data,
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.font-data {
  font-family: var(--font-body);
  font-weight: var(--font-weight-data);
}

/* Helpful defaults for dashboards/tables */
table,
thead,
tbody,
tfoot,
th,
td,
.stat-value,
.metric,
.kpi {
  font-variant-numeric: tabular-nums;
}

/* Common dashboard numeric emphasis */
.stat-value,
.metric,
.kpi {
  font-weight: var(--font-weight-data);
}