/* 포트폴리오 디자인 토큰 — 사용자 본인이 만든 LLM-wiki v2.0 토큰을 옮기고 강조색·글꼴을 개인 브랜드로 바꾼 것.
   강조색 #0b6b63: 흰 6.37 · #f5f5f7 5.85 · #e8e8ed 5.22 (모두 4.5:1 이상). */
:root {
  /* 1. 색 */
  --text: #1d1d1f;
  --text-secondary: #6e6e73;
  --decor: #86868b;
  --hairline: #d2d2d7;
  --bg: #ffffff;
  --bg-alt: #f5f5f7;
  --bg-elevated: #fafafc;
  --platter: #e8e8ed;
  --accent: #0b6b63;
  --accent-hover: #08524c;
  --link: #0b6b63;
  --link-on-dark: #5fd3c6;
  --on-accent: #ffffff;
  --nav-bg: rgba(250, 250, 252, 0.8);
  --nav-text: rgba(0, 0, 0, 0.8);
  --flyout-text: #333336;
  --curtain: rgba(232, 232, 237, 0.4);
  --warn: #b64400;
  --error: #e30000;

  /* 2. 글꼴 */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  /* 4. 폭 */
  --content-wide: 1260px;
  --content: 980px;
  --measure: 692px;

  /* 5. 간격 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-30: 120px;
  --space-36: 144px;

  /* 6. 부품 치수 */
  --nav-h: 44px;
  --nav-h-compact: 48px;
  --localnav-h: 52px;
  --control-h: 44px;
  --control-h-sm: 36px;
  --chip-h: 32px;
  --lineup-icon: 64px;
  --tile-h: 580px;

  /* 꺾임점 — container query 는 변수를 못 쓰므로 components.css 에 같은 값을 숫자로 둔다 */
  --bp-m: 1068px;
  --bp-nav: 833px;
  --bp-s: 734px;
  --bp-xs: 480px;

  /* 7. 반경 · 그림자 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-icon: 14px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 980px;
  --shadow-paddle: 9px 0px 9px -13px rgb(210, 210, 215);
  --shadow-card-hover: 2px 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-toast: 0px 4px 16px rgba(0, 0, 0, 0.12);

  /* 8. 모션 */
  --dur-flyout: 0.24s;
  --dur-fade: 0.2s;
  --ease-standard: cubic-bezier(0.4, 0, 0.6, 1);
}