/* 리플라이 공통 디자인 토큰 v3
   Apple HIG 구조 + 인스타그램 그라데이션 포인트. 항상 밝은 화면.
   콘솔(apps/console)과 같은 값을 쓴다. 바꿀 때는 두 곳을 같이 바꾼다. */
:root {
  --bg: #FFFFFF;
  --alt: #F5F5F7;
  --alt-2: #E8E8ED;
  --surface: #FFFFFF;
  --ink: #1D1D1F;
  --ink-2: #6E6E73;
  --muted: #86868B;
  --line: #D2D2D7;
  --line-soft: #E5E5EA;

  --accent: #DD2A7B;
  --accent-hover: #C9226F;
  --link: #C1216B;
  --accent-soft: #FDEEF5;
  --ig: linear-gradient(90deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%);
  --ig-soft: linear-gradient(90deg, #FFF1E6, #FDEEF5 50%, #F1E8FA);

  --ok: #1D8F4E;
  --ok-soft: #E4F5EA;
  --warn: #B25E00;
  --warn-soft: #FFF1DE;
  --info: #6E3FB3;
  --info-soft: #F1E8FA;

  --shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 24px 60px -30px rgba(0, 0, 0, .22);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px -16px rgba(0, 0, 0, .18);

  --r: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --pill: 980px;

  --ease: cubic-bezier(.25, .1, .25, 1);
  --font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Helvetica Neue", sans-serif;
  color-scheme: light;
}