/* ==========================================================================
   nextclass.kr 디자인 시스템 v2 — 코크 럭셔리 팔레트 (옵션)
   ==========================================================================

   tokens.css 위에 얹는 팔레트 레이어. 컴포넌트는 한 줄도 안 건드린다.
   body에 .nc-coke 또는 .nc-dark .nc-coke 토글로 동작.

   설계 원칙:
   - --nc-blue 계열만 코크 레드로 시프트 → 모든 CTA·링크·포커스·shadow-blue 자동 적용
   - .nc-card, .nc-input, .nc-chip-blue 등 v2 컴포넌트 정의는 무변경
   - 다크는 prefers-color-scheme 인프라 그대로 활용
   ========================================================================== */

/* ----- 코크 팔레트: 라이트 모드 (블루 → 코크 레드만 교체) ----- */
.nc-coke {
	--nc-blue:        #D40000;
	--nc-blue-h:      #B00000;
	--nc-blue-a05:    rgba(212, 0, 0, 0.05);
	--nc-blue-a08:    rgba(212, 0, 0, 0.08);
	--nc-blue-a12:    rgba(212, 0, 0, 0.12);
	--nc-blue-a20:    rgba(212, 0, 0, 0.20);
	--nc-shadow-blue: 0 8px 24px rgba(212, 0, 0, 0.18);
}

/* ----- 다크 + 코크 = 풀 럭셔리 ----- */
.nc-coke.nc-dark,
.nc-dark .nc-coke {
	--nc-ink:        #FFFFFF;
	--nc-ink-2:      #F1F5F9;
	--nc-body:       rgba(255, 255, 255, 0.72);
	--nc-mute:       rgba(255, 255, 255, 0.45);
	--nc-line:       rgba(255, 255, 255, 0.12);
	--nc-border:     rgba(255, 255, 255, 0.12);
	--nc-border-soft: rgba(255, 255, 255, 0.06);
	--nc-bg-alt:     #0A0A0A;
	--nc-soft:       #141414;
	--nc-soft-2:     #1A1A1A;
	--nc-gray-50:    #141414;
	--nc-gray-100:   #1A1A1A;
	--nc-gray-200:   #232323;
	--nc-gray-300:   #2E2E2E;
	--nc-gray-400:   #4A4A4A;
	--nc-gray-500:   #6A6A6A;
	--nc-gray-600:   #8A8A8A;
	--nc-gray-700:   #B0B0B0;
	--nc-gray-800:   #D0D0D0;
	--nc-gray-900:   #FFFFFF;

	/* 다크에선 코크 글로우 톤이 더 어울림 */
	--nc-blue:        #FF1830;
	--nc-blue-h:      #E60012;
	--nc-blue-a08:    rgba(255, 24, 48, 0.10);
	--nc-blue-a12:    rgba(255, 24, 48, 0.16);
	--nc-shadow-blue: 0 8px 32px rgba(255, 24, 48, 0.28);

	/* 다크 배경에 어울리는 그림자 */
	--nc-shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.4);
	--nc-shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.5);
	--nc-shadow-md:  0 4px 16px rgba(0, 0, 0, 0.6);
	--nc-shadow-lg:  0 12px 32px rgba(0, 0, 0, 0.7);
}

/* 다크 코크 body 배경 */
body.nc-coke.nc-dark,
body.nc-dark.nc-coke {
	background: var(--nc-bg-alt);
	color: var(--nc-ink);
}

/* ----- 후기 영역만 빨강 끄기 (시각 노이즈 줄이기) -----
   .nc-review-card hover 테두리·focus outline 이 --nc-blue 를 받음.
   후기 섹션 안에서만 잉크 톤으로 되돌려 빨강 강조를 제거. */
.nc-coke .nc-review-grid,
.nc-coke .nc-review-card {
	--nc-blue:     var(--nc-ink);
	--nc-blue-h:   var(--nc-ink-2);
	--nc-blue-a05: rgba(15, 23, 42, 0.04);
	--nc-blue-a08: rgba(15, 23, 42, 0.06);
	--nc-blue-a12: rgba(15, 23, 42, 0.10);
}