/* ============================
   Typography System
============================ */
:root {
  --font-title: 28px;
  --font-subtitle: 20px;
  --font-card-title: 18px;
  --font-body: 16px;
  --font-small: 14px;

  --gap-page: 28px;
  --gap-section: 28px;
  --gap-card: 16px;
  --padding-card: 22px;
  --padding-page: 22px;
}

/* Page Title */
.page-title {
  font-size: var(--font-title);
  font-weight: 700;
 margin-bottom: 28px;
}

/* Section Title */
.section-title {
  font-size: var(--font-subtitle);
  font-weight: 600;
  margin-bottom: 12px;
}

/* 카드 제목 */
.card-title {
  font-size: var(--font-card-title);
  font-weight: 600;
  margin-bottom: 10px;
}

/* Text Body */
.text-body {
  font-size: var(--font-body);
  font-weight: 400;
  line-height: 1.65;
}

.text-small {
  font-size: var(--font-small);
  font-weight: 400;
  line-height: 1.4;
}


/* Layout */
.content {
  padding: var(--padding-page);
}


/* 카드 */
.card {
  background: #fff;
  padding: var(--padding-card);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 그리드 */
.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-card);
}

/* 버튼 공통 */
.btn {
  font-size: 18px;
  font-weight: 500;
  padding: 12px 18px;
  height: 48px;
  line-height: 20px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}