/* BLUEVIRD 단일 기준. 값 수정은 이 파일에서만 한다.
   원시 값 → 용도 이름. Figma 미연결 대체 절차: tooling-note.md.
   대비(흰색 / 옅은 바탕): 본문 14.13 / 12.80, 보조 6.21 / 5.62,
   강조 6.87 / 6.22. 모두 일반 글자 기준 4.5:1 이상.
   @media 760px는 CSS 변수로 선언할 수 없어 토큰과 화면 CSS에서 같은 경계 사용. */
:root {
  --white: #ffffff;
  --mist: #f1f4f6;
  --navy: #172d40;
  --slate: #526371;
  --blue: #195e92;
  --silver: #d7dfe4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 112px;
  --space-12: 144px;
  --size-13: 13px;
  --size-14: 14px;
  --size-16: 16px;
  --size-17: 17px;
  --size-22: 22px;
  --size-32: 32px;
  --size-40: 40px;
  --size-44: 44px;
  --size-64: 64px;
  --size-80: 80px;
  --surface: var(--white);
  --surface-soft: var(--mist);
  --ink: var(--navy);
  --ink-muted: var(--slate);
  --accent: var(--blue);
  --line: var(--silver);
  --on-dark: var(--white);
  --font-display: 'AppleMyungjo', 'Batang', 'Noto Serif KR', serif;
  --font-body: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', sans-serif;
  --font-latin: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif;
  --type-hero: var(--size-64);
  --type-home: clamp(var(--size-44), 5.6vw, var(--size-80));
  --type-heading: var(--size-44);
  --type-subheading: var(--size-22);
  --type-body: var(--size-17);
  --type-small: var(--size-13);
  --type-nav: var(--size-14);
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --leading-title: 1.35;
  --leading-body: 1.85;
  --leading-small: 1.55;
  --tracking-title: -.045em;
  --gutter: clamp(var(--space-7), 4.45vw, var(--space-9));
  --section-space: var(--space-12);
  --content-width: 1312px;
  --reading-width: 1152px;
  --copy-width: 520px;
  --header-height: 88px;
  --control-height: 48px;
  --logo-width: 164px;
  --symbol-width: 19px;
  --hero-ratio: 2.35;
  --hero-position: 50% 48%;
  --brand-ratio: 1.62;
  --detail-ratio: 2.1;
  --project-ratio: 1.5;
  --hero-pad: var(--space-10);
  --hero-gap: var(--space-9);
  --home-photo-ratio: 1.12;
  --home-detail-ratio: 1.5;
  --company-photo-ratio: 1.3;
  --leader-width: 160px;
  --intro-duration: 1100ms;
  --intro-ease: cubic-bezier(.2, .65, .25, 1);
  --border-width: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --corner: 0px;
  --transition-time: 160ms;
  --scroll-offset: var(--space-6);
}
@media (max-width: 760px) {
  :root {
    --gutter: var(--space-5);
    --section-space: var(--space-10);
    --type-hero: var(--size-40);
    --type-home: var(--size-44);
    --type-heading: var(--size-32);
    --type-body: var(--size-16);
    --header-height: 72px;
    --logo-width: 140px;
    --symbol-width: 17px;
    --hero-ratio: .85;
    --hero-position: 60% 50%;
    --hero-pad: var(--space-5);
    --hero-gap: var(--space-5);
    --brand-ratio: 1.25;
    --detail-ratio: 1.25;
    --project-ratio: 1.25;
    --home-photo-ratio: 1.05;
    --home-detail-ratio: 1.3;
    --leader-width: 112px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --transition-time: 0ms; --intro-duration: 0ms; }
}