@charset "utf-8";

/* =========================================================
   건물119 (gunmul119.com) 사이트 디자인  —  webroot /css/style.css
   ---------------------------------------------------------
   · 이 파일은 theme/daisyui 를 리스킨하는 "사이트 고유 디자인" 이다.
     테마(theme/daisyui)는 여러 사이트 공유이므로 절대 수정하지 않고,
     사이트 색/효과는 항상 이 파일에만 둔다. (STYLE.md 규약)
   · head.def.php 가 이 파일을 order 10(최후순위)으로 로드 → 테마의 모든 CSS 를 이긴다.

   디자인 컨셉 : 생동감 있는 트렌디 톤 (Behance / 패션 e-커머스 무드)
   주조색      : violet-600 → fuchsia-600
   보조색      : orange-500 / amber-300 / cyan-300
   본문 배경   : 연한 라벤더 틴트 (base-200)
   라운드      : 카드 1rem, 필드 0.5rem   버튼 입체감(depth) 0(평면)
   효과        : fx-blob(플로팅 도형) / fx-glass·fx-gloss(글래스) /
                 fx-headline(그라데이션 텍스트) / fx-lift(hover 상승)
   ========================================================= */

/* ---------- 1) daisyUI 시맨틱 토큰 재정의 (사이트 리스킨의 1순위) ---------- */
:root {
    --color-primary:            oklch(51% 0.24 292);   /* violet-600 */
    --color-primary-content:    oklch(100% 0 0);
    --color-secondary:          oklch(59% 0.26 322);   /* fuchsia-600 */
    --color-secondary-content:  oklch(100% 0 0);
    --color-accent:             oklch(70% 0.19 48);    /* orange-500 */
    --color-accent-content:     oklch(100% 0 0);

    --color-base-100:           oklch(100% 0 0);       /* 카드/표면 (흰색) */
    --color-base-200:           oklch(97% 0.015 310);  /* 본문 배경 (연 라벤더) */
    --color-base-300:           oklch(92% 0.02 310);   /* 보더/구분선 */

    --radius-box:               1rem;                  /* 카드·모달 */
    --radius-field:             0.5rem;                /* 버튼·입력 */
    --depth:                    0;                     /* 버튼 평면 */

    /* error 가독성 보정 (daisyUI light 기본은 연빨강+어두운글자) */
    --color-error:              oklch(58% .22 25);
    --color-error-content:      oklch(100% 0 0);
}

/* 앵커(#) 이동 시 sticky 헤더에 가려지지 않도록 + 부드러운 스크롤 */
html { scroll-padding-top: 5rem; scroll-behavior: smooth; }

/* ---------- 2) 효과 클래스 (fx-* 스코프) ---------- */

/* 떠다니는 3D 추상 도형(블롭) */
@keyframes fx-float {
    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
    50%      { transform: translateY(-28px) rotate(10deg) scale(1.06); }
}
.fx-blob {
    position: absolute;
    border-radius: 9999px;
    filter: blur(38px);
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
    animation: fx-float 11s ease-in-out infinite;
}
.fx-blob-slow { animation-duration: 16s; }
.fx-blob-rev  { animation-direction: reverse; }

/* 스크롤 패럴랙스 (지원 브라우저 한정, 미지원 시 자연 무시) */
@supports (animation-timeline: scroll()) {
    @keyframes fx-rise      { to { transform: translateY(-180px); } }
    @keyframes fx-rise-soft { to { transform: translateY(-90px); } }
    .fx-parallax      { animation: fx-rise linear both;      animation-timeline: scroll(root); }
    .fx-parallax-soft { animation: fx-rise-soft linear both; animation-timeline: scroll(root); }
}

/* 글로시 글래스 표면 */
.fx-glass {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.fx-gloss { position: relative; overflow: hidden; }
.fx-gloss::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.55), rgba(255,255,255,0) 42%);
    pointer-events: none;
}

/* 그라데이션 헤드라인 */
.fx-headline {
    background: linear-gradient(92deg, #7c3aed 0%, #ec4899 45%, #f59e0b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* 인터랙티브: hover 시 카드/버튼 상승 */
.fx-lift { transition: transform .25s ease, box-shadow .25s ease; }
.fx-lift:hover { transform: translateY(-6px); box-shadow: 0 24px 50px -16px rgba(124,58,237,.45); }

/* ── 로고: 루트 /logo.svg 사용 ──
 * 테마 head.php·tail.sub.php 는 /img/logo.png 를 <img> 로 렌더한다(테마 파일은 수정 금지).
 * → CSS content 로 표시 이미지만 SVG 로 교체(테마 재배포에도 안전).
 *   헤더·푸터 모두 bg-base-100(흰색)이라 푸시아(#c026d3) 로고가 선명하다. */
#site-header img[src$="/logo.png"],
#site-footer img[src$="/logo.png"] { content: url("/logo.svg"); }

/* ── 상단 nav(#site-header) active 색만 테마 primary 로 ──
 * daisyUI 기본 pill 구조는 그대로 두고, 현재 페이지(active) pill 색만 테마 색으로 바꾼다.
 * (daisyUI 기본은 neutral=진한 회색 계열이라 테마와 안 맞음 → primary 로 통일)
 * 건물119 primary = violet-600, 글자는 primary-content(흰색). */
#site-header .menu {
    --menu-active-bg: var(--color-primary);
    --menu-active-fg: var(--color-primary-content);
}