/**
 * AOS shared design tokens
 * - 클래스명 변경 없음. 기존 규칙에서 var()로 점진 치환.
 * - AOS01/AOS02 브랜드색은 별도 변수로 유지 (단일화하지 않음).
 */
:root {
  /* Brand */
  --aos-brand-aos02: #003b7a;
  --aos-brand-aos01: #1f3a5f;
  --aos-accent: #2563eb;
  --aos-text: #111;
  --aos-text-muted: #666;
  --aos-text-slate: #475569;
  --aos-border: #e5e7eb;
  --aos-border-strong: #ddd;
  --aos-border-muted: #ccc;
  --aos-surface: #fff;

  /* Radius */
  --aos-radius-sm: 6px;
  --aos-radius-md: 8px;
  --aos-radius-lg: 10px;
  --aos-radius-pill: 999px;
  --aos-radius-circle: 50%;

  /* Gap / space */
  --aos-gap-xs: 6px;
  --aos-gap-sm: 8px;
  --aos-gap-md: 12px;
  --aos-gap-lg: 16px;
  --aos-gap-xl: 24px;

  /* Font */
  --aos-fs-xs: 12px;
  --aos-fs-sm: 13px;
  --aos-fs-md: 14px;
  --aos-fs-lg: 16px;
  --aos-fs-xl: 18px;

  /* Z-index scale (Phase5) */
  --aos-z-dropdown: 100;
  --aos-z-sticky: 200;
  --aos-z-modal: 1000;
  --aos-z-loading: 9999;
  --aos-z-toast: 10000;

  /* Breakpoints (documentation / JS 참고용) */
  --aos-bp-md: 768px;
  --aos-bp-lg: 1024px;
}