/* 로그인세무사 디자인 토큰 — 앱(app_colors/app_typography)에서 이식. 토스 톤 밝은 리프레시(D-097). */
:root {
  /* Brand */
  --primary: #3182F6;
  --primary-pressed: #1B64DA;
  --primary-light: #E8F3FF;
  /* Semantic */
  --success: #15C47E;
  --warning: #FF8B00;
  --warning-dark: #B35F00;
  --error: #F04452;
  /* Presence 신호등 */
  --presence-online: #15C47E;
  --presence-away: #FFB020;
  --presence-busy: #4593FC;
  --presence-offline: #B0B8C1;
  /* Surface — 순백 배경 + 흰 카드(헤어라인) */
  --background: #FFFFFF;
  --surface: #FFFFFF;
  --surface-alt: #F2F4F6;
  --border: #E5E8EB;
  --divider: #EFF1F4;
  /* Text */
  --text-primary: #191F28;
  --text-secondary: #3F4A59;
  --text-tertiary: #6B7684;
  --text-disabled: #9AA3AE;
  /* Grey scale */
  --grey50: #F9FAFB;  --grey100: #F2F4F6; --grey200: #E5E8EB; --grey300: #D1D6DB;
  --grey400: #B0B8C1; --grey500: #8B95A1; --grey600: #6B7684; --grey700: #4E5968;
  --grey800: #333D4B; --grey900: #191F28;
  /* SNS */
  --kakao: #FEE500; --kakao-text: #191919; --naver: #03C75A; --apple: #000000;
  /* Radius */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-full: 999px;
  /* Spacing (app_spacing) */
  --s-xs: 4px; --s-sm: 8px; --s-md: 12px; --s-lg: 16px; --s-xl: 20px; --s-2xl: 24px; --s-3xl: 32px;
  --screen-h: 20px;
  /* Elevation (AppShadows.card 근사) */
  --shadow-card: 0 1px 2px rgba(17, 31, 40, 0.04), 0 4px 14px rgba(17, 31, 40, 0.05);
  --shadow-float: 0 6px 20px rgba(17, 31, 40, 0.12);
  /* Layout */
  --content-max: 1080px;
  /* 셸 레이아웃 (D-115) — 색·타이포는 앱과 동기된 기존 토큰 그대로 두고 이 층만 새로 둔다.
     수치는 opensea.io 라이트 실측(docs/WEB_REDESIGN_OPENSEA.md): 상단바 64 · 접힘 레일 52.
     레일은 터치 히트영역 여유로 56을 쓴다. */
  --sidebar-w: 256px;
  --rail-w: 56px;
  --topbar-h: 64px;
  --shell-max: 1240px;
}

/* Pretendard (앱과 동일 폰트, static/fonts) */
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url('/fonts/Pretendard-Regular.otf') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: url('/fonts/Pretendard-Medium.otf') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url('/fonts/Pretendard-SemiBold.otf') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url('/fonts/Pretendard-Bold.otf') format('opentype'); }