/* BeneValue 디자인 토큰 — DESIGN.md frontmatter와 1:1.
 * 값을 바꿀 때는 DESIGN.md를 먼저 고치고 여기에 옮긴다.
 * 텍스트·텍스트가 올라가는 면에는 반투명(rgba) 색을 쓰지 않는다 (DESIGN.md 2-1).
 */
:root {
  /* 텍스트·면 */
  --bv-ink-strong: #1C1F25;
  --bv-ink: #333840;
  --bv-ink-2: #4E535C;
  --bv-ink-3: #666E7A;
  --bv-ink-disabled: #B8BDC5;
  --bv-line: #E8EBF0;
  --bv-border: #D4D9E1;
  --bv-surface: #FFFFFF;
  --bv-surface-subtle: #F6F7F9;
  --bv-surface-lower: #F2F4F7;
  --bv-surface-inverse: #1C1F25;
  --bv-on-inverse: #FFFFFF;
  --bv-on-inverse-2: #B8BDC5;

  /* 강조색 (블루 확정) */
  --bv-accent: #1B64DA;
  --bv-accent-hover: #1B59C5;
  --bv-accent-weak: #EAF3FE;
  --bv-on-accent: #FFFFFF;
  --bv-focus-ring: rgba(26, 122, 249, .24);

  /* 도메인 띠 (배경 전용) */
  --bv-domain-operations: #F2F8FF;
  --bv-domain-hardware: #F2F4F7;
  --bv-domain-healthcare: #F0F9F9;
  --bv-domain-ai: #FAF5FF;
  --bv-domain-game: #FEF7E4;

  /* 타이포그래피 */
  --bv-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --bv-fs-display: 48px;
  --bv-fs-title-1: 36px;
  --bv-fs-title-2: 24px;
  --bv-fs-title-3: 20px;
  --bv-fs-body-lg: 17px;
  --bv-fs-body: 15px;
  --bv-fs-label: 14px;
  --bv-fs-caption: 13px;
  --bv-tracking-title: -0.025em;

  /* 간격 */
  --bv-space-4: 4px;
  --bv-space-8: 8px;
  --bv-space-10: 10px;
  --bv-space-12: 12px;
  --bv-space-16: 16px;
  --bv-space-20: 20px;
  --bv-space-24: 24px;
  --bv-space-32: 32px;
  --bv-space-40: 40px;
  --bv-space-64: 64px;
  --bv-space-80: 80px;
  --bv-space-120: 120px;

  /* 라운드 · 그림자 · 모션 */
  --bv-radius-small: 8px;
  --bv-radius-large: 20px;
  --bv-radius-pill: 999px;
  --bv-shadow-card: 0 4px 24px rgba(2, 32, 71, .06);
  --bv-shadow-card-hover: 0 8px 32px rgba(2, 32, 71, .10);
  --bv-shadow-callout: 0 8px 30px rgba(2, 32, 71, .15);
  --bv-motion-fast: 150ms ease;
  --bv-motion-base: 200ms ease;
  --bv-motion-expand: 300ms ease-in-out;

  /* 레이아웃 */
  --bv-container: 1200px;
  --bv-article: 720px;
  --bv-gutter: 24px;
  --bv-section: 120px;
  --bv-gnb-height: 64px;
}

@media (max-width: 767px) {
  :root {
    --bv-fs-display: 32px;
    --bv-fs-title-1: 28px;
    --bv-fs-title-2: 22px;
    --bv-gutter: 20px;
    --bv-section: 64px;
    --bv-gnb-height: 56px;
  }
}