/* ============================================================
   tokens.css — LGHR slide token layer
   Material 3 base + Pretendard 한글 폰트 + 슬라이드 타이포 스케일
   ============================================================ */

/* Material 3 base tokens (Anthropic 핸드오프) */
@import url("../../material-3-design-system/project/colors_and_type.css");

/* Pretendard for 한글 (Material 3 Roboto와 geometric sans 매칭) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

:root {
  /* ---------- Korean font fallback chain ---------- */
  --font-ko-display: "Pretendard Variable", "Pretendard", "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ko-body: "Pretendard", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---------- 슬라이드용 타이포 스케일 (16:9 1920×1080) ---------- */
  --d1-size: 96px;   --d1-weight: 600; --d1-tracking: -1px;    --d1-line: 1.1;
  --d2-size: 72px;   --d2-weight: 500; --d2-tracking: -0.5px;  --d2-line: 1.2;
  --h1-size: 56px;   --h1-weight: 600; --h1-tracking: -0.3px;  --h1-line: 1.2;
  --h2-size: 32px;   --h2-weight: 600; --h2-tracking: 0;       --h2-line: 1.3;
  --b1-size: 24px;   --b1-weight: 400; --b1-tracking: 0.1px;   --b1-line: 1.55;
  --b2-size: 20px;   --b2-weight: 400; --b2-tracking: 0.15px;  --b2-line: 1.5;
  --l1-size: 18px;   --l1-weight: 600; --l1-tracking: 0.4px;   --l1-line: 1.4;

  /* ---------- 슬라이드 spacing ---------- */
  --slide-pad-x: 80px;
  --slide-pad-y: 64px;
}

/* ---------- 슬라이드 base body ---------- */
body.slide-body {
  margin: 0;
  font-family: var(--font-ko-body);
  background: var(--md-background);
  color: var(--md-on-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
}