/* 디자인 토큰: Digitalpresso PPT Design System (claude.ai/design) 의 tokens/*.css 값을 옮긴 것.
   화면 CSS는 아래 시맨틱 변수만 쓴다. */
@font-face {
  font-family: 'Pretendard';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

:root {
  /* 원본 토큰 */
  --dp-brand: #193CB8;
  --dp-accent: #337FF4;
  --dp-blue-200: #BEDBFF;
  --dp-blue-100: #DBEAFE;
  --dp-blue-50: #EFF6FF;
  --dp-surface: #F6FAFF;
  --dp-ink-800: #1E2939;
  --dp-ink-700: #374151;
  --dp-slate: #45506B;
  --dp-ink-500: #6A7282;
  --dp-ink-400: #9EB3CE;
  --dp-line-300: #CBD5E1;
  --dp-line-200: #E5E7EB;
  --dp-line-100: #E8EDF5;
  --dp-success: #16A34A;
  --dp-success-deep: #00A63E;
  --dp-success-100: #DCFCE7;
  --dp-danger: #DC2626;

  --font-sans: 'Pretendard', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --font-mono: 'SFMono-Regular', ui-monospace, 'Menlo', monospace;
  --ls-tight: -0.02em;
  --ls-normal: -0.01em;

  /* 화면에서 쓰는 이름 */
  --bg: var(--dp-surface);
  --surface: #FFFFFF;
  --surface-subtle: var(--dp-blue-50);
  --fill: var(--dp-line-100);
  --border: var(--dp-line-200);
  --border-strong: var(--dp-line-300);
  --rule: var(--dp-slate);

  --text-primary: var(--dp-ink-800);
  --text-secondary: var(--dp-ink-700);
  --text-tertiary: var(--dp-ink-500);
  --text-faint: var(--dp-ink-400);
  --text-label: var(--dp-slate);

  --accent: var(--dp-brand);
  --accent-bright: var(--dp-accent);
  --accent-weak: var(--dp-blue-100);
  --accent-text: var(--dp-brand);
  --success: var(--dp-success);
  --success-weak: var(--dp-success-100);
  --success-text: var(--dp-success-deep);
  --danger: var(--dp-danger);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 6px rgba(16, 24, 40, 0.07);
  --shadow-md: 0 6px 16px rgba(16, 24, 40, 0.09);
  --focus-ring: 0 0 0 3px rgba(51, 127, 244, 0.35);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}