/*
  외부 서비스 공식 색 (2026-10-25)
  카카오: developers.kakao.com 카카오 로그인 디자인 가이드, 컨테이너 #FEE500, 심볼 #000000, 레이블 rgba(0,0,0,0.85)
  네이버: 브랜드 그린 #03C75A (simple-icons 출처 표기 developers.naver.com/docs/login/bi/bi.md, 공식 페이지 직접 확인은 못 함)
  인스타그램: 공식 그라디언트 글리프 (icons/instagram.svg 안에 정의)
  로고 모양: simple-icons 13.21.0 (CC0) 경로
  우리 디자인 토큰과 섞지 않고 이 파일에만 둡니다. 브랜드 로고 주변에만 씁니다.
*/
:root {
  --brand-kakao: #FEE500;
  --brand-kakao-ink: #000000;
  --brand-kakao-label: rgba(0, 0, 0, 0.85);
  --brand-naver: #03C75A;
}

/*
  브랜드 로고 주변 규칙 (components.css 뒤에 불러와 덮습니다)
  주황(--c-accent)은 프로필 테두리와 주 버튼 점에만 남깁니다
*/
/* 오른쪽 아래 오픈카톡: 카카오 노랑 바탕, 심볼과 글자는 카카오 레이블색 */
.ds-float { background: var(--brand-kakao); color: var(--brand-kakao-label); }
.ds-float svg { color: var(--brand-kakao-label); }

/* 프로필 아래 소셜 줄: 48px 원 */
.ds-social { gap: var(--sp-3); }
.ds-social a.ds-social-link { width: 48px; height: 48px; border-radius: 50%; }
.ds-social a.ds-social-link img { width: 24px; height: 24px; display: block; }
.ds-social--ig { background: #FFFFFF; }
.ds-social--naver { background: var(--brand-naver); }
.ds-social a.ds-social--naver img { width: 18px; height: 18px; }
.ds-social a[data-pending] { filter: opacity(0.5); }