@charset "utf-8";

/* =========================================================
   방수119 — 사이트 전용 디자인 CSS (웹루트 /css/style.css)
   컨셉: Y2K 감성 3D 그래픽 — 리퀴드 메탈 크롬 / 이리데슨트 글로시 /
        하트·별·나비 / 소프트 핑크 배경 / 클레이 렌더
   - 테마 마크업 클래스/ID(공개 API)는 절대 건드리지 않고 표면만 재도색.
   - 이 파일은 order 10 으로 로드되어 테마의 모든 CSS 를 이긴다.
   ========================================================= */

/* ---------------------------------------------------------
   1. 시맨틱 컬러 재정의 (daisyUI light 테마 위에 덮어쓰기)
   --------------------------------------------------------- */
:root,
[data-theme="light"] {
	/* 브랜드 팔레트 — 핫핑크 / 페리윙클 / 아쿠아 크롬 */
	--color-primary:            oklch(63% 0.25 351);   /* Y2K 핫핑크 */
	--color-primary-content:    oklch(100% 0 0);
	--color-secondary:          oklch(64% 0.19 293);   /* 이리데슨트 바이올렛 */
	--color-secondary-content:  oklch(100% 0 0);
	--color-accent:             oklch(80% 0.12 205);   /* 아쿠아 크롬 */
	--color-accent-content:     oklch(30% 0.06 250);
	--color-neutral:            oklch(37% 0.045 300);  /* 다크 크롬-플럼 */
	--color-neutral-content:    oklch(98% 0.01 320);

	--color-base-100:           oklch(99.2% 0.008 340);/* 거의 흰색(웜) 표면 */
	--color-base-200:           oklch(95.5% 0.032 350);/* 소프트 핑크 배경 */
	--color-base-300:           oklch(90% 0.05 345);
	--color-base-content:       oklch(32% 0.06 330);   /* 딥 플럼 텍스트 */

	--color-info:               oklch(70% 0.13 230);
	--color-info-content:       oklch(100% 0 0);

	/* 클레이/3D 느낌을 위해 라운드 확장 */
	--radius-box:      1.5rem;
	--radius-field:    1rem;
	--radius-selector: 2rem;   /* 알약형 버튼 */
	--depth: 0;
}

/* 본문 배경에 은은한 핑크 오라 두 개 (소프트 핑크 백드롭) */
#site-main {
	background-image:
		radial-gradient(60rem 40rem at 15% -5%, oklch(90% 0.08 350 / .55), transparent 60%),
		radial-gradient(50rem 40rem at 95% 5%, oklch(90% 0.07 290 / .45), transparent 55%);
}

/* ---------------------------------------------------------
   2. 크롬 / 이리데슨트 유틸리티
   --------------------------------------------------------- */

/* 리퀴드 크롬 텍스트 (실버) */
.chrome-text {
	background: linear-gradient(180deg,
		#ffffff 0%, #e9eef5 14%, #b7c5d8 30%, #869ab6 44%,
		#f4f8fc 52%, #869ab6 60%, #b7c5d8 74%, #eef3f9 88%, #c3cede 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 1px rgba(50,60,85,.28));
}

/* 핑크 크롬 텍스트 (헤드라인용, 대비 확보) */
.chrome-pink {
	background: linear-gradient(180deg,
		#ffffff 0%, #ffe0f2 14%, #ff97d3 32%, #e33e9e 50%,
		#ffc4e6 60%, #ff6cbd 78%, #ffd8ef 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 2px rgba(180,40,120,.30));
}

/* 리퀴드 메탈 크롬 표면 (숫자 뱃지 등) */
.chrome-surface {
	background: linear-gradient(160deg,
		#f6f9fd 0%, #cfd9e8 24%, #9fb0c8 42%, #edf2f8 52%,
		#93a4bf 64%, #c6d1e2 82%, #f0f4f9 100%);
	color: #4a5670;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

/* 홀로그래픽/이리데슨트 애니메이션 배경 */
.holo-bg {
	background: linear-gradient(120deg,
		oklch(92% 0.09 350), oklch(90% 0.08 300), oklch(92% 0.07 230),
		oklch(93% 0.08 160), oklch(95% 0.08 90), oklch(92% 0.09 350));
	background-size: 300% 300%;
	animation: y2k-holo 14s ease infinite;
}
@keyframes y2k-holo {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* 글로시 시트(윗면 하이라이트) — 클레이 3D 광택 */
.glossy { position: relative; overflow: hidden; }
.glossy::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 42%);
	pointer-events: none;
}

/* ---------------------------------------------------------
   3. 버튼 광택 (streak shine) — daisyUI .btn 위에 덧입힘
   --------------------------------------------------------- */
.btn-shine { position: relative; overflow: hidden; }
.btn-shine::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 45%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
	transform: skewX(-20deg);
	animation: y2k-shine 5s ease-in-out infinite;
}
@keyframes y2k-shine {
	0%, 55% { left: -60%; }
	100%    { left: 140%; }
}

/* ---------------------------------------------------------
   4. 데코 요소 (하트·별·나비 스파클, 트라이벌 블롭)
   --------------------------------------------------------- */
.sparkle {
	position: absolute;
	pointer-events: none;
	opacity: .9;
	animation: y2k-floaty 7s ease-in-out infinite;
	filter: drop-shadow(0 2px 3px rgba(180,60,140,.25));
}
@keyframes y2k-floaty {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50%      { transform: translateY(-12px) rotate(10deg); }
}

/* 클레이 트라이벌 블롭 (섹션 배경 장식) */
.blob {
	position: absolute;
	pointer-events: none;
	border-radius: 42% 58% 63% 37% / 45% 42% 58% 55%;
	filter: blur(2px);
	opacity: .5;
}

/* 숫자 스텝 크롬 뱃지 */
.y2k-num {
	display: inline-grid;
	place-items: center;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 9999px;
	font-weight: 800;
	font-style: italic;
	box-shadow: inset 0 2px 3px rgba(255,255,255,.8),
	            inset 0 -3px 6px rgba(70,80,110,.35),
	            0 6px 14px rgba(120,90,150,.25);
}

/* 아이콘 원형 칩 광택 */
.chip-3d {
	box-shadow: inset 0 2px 2px rgba(255,255,255,.7),
	            0 8px 18px rgba(160,80,150,.20);
}

/* 카드 hover 살짝 떠오름 */
.lift { transition: transform .25s ease, box-shadow .25s ease; }
.lift:hover { transform: translateY(-4px); }

/* ---------------------------------------------------------
   5. 게시판 최신글(테마 basic latest) 살짝 다듬기 — 중립 유지
   --------------------------------------------------------- */
#site-main .latest .bo_current { color: var(--color-primary); }

/* ---------------------------------------------------------
   6. 모션 최소화 선호 존중
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.holo-bg, .btn-shine::after, .sparkle { animation: none; }
}

/* ---------------------------------------------------------------------------
   사이트 푸터 (#site-footer) — Y2K 홀로그래픽 / 크롬 글로시
   --------------------------------------------------------------------------- */
#site-footer {
	position: relative;
	overflow: hidden;
	background: linear-gradient(120deg,
		oklch(92% 0.09 350), oklch(90% 0.08 300), oklch(92% 0.07 230),
		oklch(93% 0.08 160), oklch(95% 0.08 90), oklch(92% 0.09 350));
	background-size: 300% 300%;
	animation: y2k-holo 14s ease infinite;
	border-top: 2px solid oklch(100% 0 0 / .6);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
@media (prefers-reduced-motion: reduce) { #site-footer { animation: none; } }
/* 유리 광택 오버레이 */
#site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 42%);
	pointer-events: none;
}
#site-footer > .container { position: relative; z-index: 1; }
/* 회사명 — 크롬 핑크 텍스트 */
#site-footer address p:first-child {
	font-weight: 800;
	font-style: italic;
	background: linear-gradient(180deg,
		#ffffff 0%, #ffe0f2 14%, #ff97d3 32%, #e33e9e 50%,
		#ffc4e6 60%, #ff6cbd 78%, #ffd8ef 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
#site-footer nav a { transition: color .2s ease; }
#site-footer nav a:hover { color: var(--color-primary); text-decoration: none; }