/* xMaker — design tokens
   X-series(xSlide/xZine/xCard/xMaker) 공통 톤을 따르되,
   가독성을 위해 모든 텍스트는 15px 이상만 사용한다. */

:root {
  /* ---- color: xSlide와 동일 계열(다크 네이비 + 인디고/퍼플) ---- */
  --bg-primary: #080c17;
  --bg-secondary: #0d1526;
  --bg-tertiary: #1a2540;
  --bg-accent: #2a3a5c;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-secondary: #8b5cf6;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --text-main: #f0f4ff;
  --text-muted: #a4b0c4;
  --text-dark: #7c8aa3;

  --border-light: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(99, 102, 241, 0.6);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.6);

  --sidebar-bg: linear-gradient(180deg, #0d1526 0%, #0a1020 100%);

  /* ---- layout ---- */
  --header-height: 64px;
  --sidebar-width: 104px;
  --inspector-width: 380px;
  --timeline-height: 188px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --mobile-preview-width: 430px; /* 인트로 슬라이더 모바일 미리보기 기준 폭 */

  /* ---- type scale: 15px 미만 금지 ---- */
  --fs-min: 15px;   /* 절대 최소값 */
  --fs-sm: 15px;    /* 캡션, 라벨, 보조 텍스트 */
  --fs-base: 16px;  /* 본문/입력값 */
  --fs-md: 17px;    /* 섹션 타이틀 */
  --fs-lg: 19px;    /* 패널 타이틀 */
  --fs-xl: 23px;    /* 로고/헤드라인 */

  --ui-font: 'Pretendard', 'Inter', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif;
}