/*
 * AIREKA 통합 플랫폼 — 공유 디자인 토큰
 *
 * 모든 앱에서 공통으로 사용하는 CSS 커스텀 프로퍼티.
 * 앱별 고유 토큰(레이아웃, 차트 색상 등)은 각 앱의 <style> 에 유지합니다.
 *
 * 사용법:
 *   <link rel="stylesheet" href="/shared/theme.css" />
 */

:root {
  /* 브랜드 색상 */
  --accent:      #1f4e79;
  --accent-deep: #173e60;
  --accent-soft: #e7eef5;

  /* 표면 */
  --bg:          #f6f6f4;
  --panel:       #ffffff;

  /* 텍스트 계층 */
  --ink:         #1c1c1c;
  --ink-soft:    #3a3a3a;
  --ink-mute:    #6e6a62;

  /* 애니메이션 */
  --ease:   cubic-bezier(0.16, 1, 0.3, 1);
  --dur:    180ms;
}

/* 접근성: 동작 감소 선호 시 모션 비활성화 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}