@charset "utf-8";

/* =========================================================
   layout-law 디자인 CSS — 군법무 변호사 (밀리터리 그린 + 브래스 골드)
   신뢰감/권위 + 고급스러움. 브랜드 컬러는 여기서만 정의.
   ========================================================= */

:root{
  --law-ink:    #1b241c; /* 딥 밀리터리 그린(거의 블랙) */
  --law-ink-2:  #26332a; /* 약간 밝은 올리브 */
  --law-gold:   #c2a35a; /* 브래스 골드 */
  --law-gold-2: #dcc488; /* 밝은 골드(호버) */
  --law-cream:  #ece7d8; /* 크림(다크 위 텍스트) */
  --law-canvas: #e7e4d4; /* 연한 카키(밀리터리 캔버스) 배경 — 흰색보다 부드럽고 눈이 편함 */
}

a { text-decoration: none; }

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

/* 버튼 입체감(depth) 제거 → 단독 버튼·join 그룹 모두 평면(이음선 없음) */
:root { --depth: 0; }

/* error 색 보정: daisyUI light 기본은 연한 빨강+어두운 글자라 가독성 낮음 → 진한 빨강+흰 글자 */
:root {
	--color-error: oklch(58% .22 25);
	--color-error-content: oklch(100% 0 0);
}

/* 브랜드 컬러 */
.bg-canvas   { background-color: var(--law-canvas); }
.bg-ink      { background-color: var(--law-ink); }
.bg-ink-2    { background-color: var(--law-ink-2); }
.bg-ink-grad { background-image: linear-gradient(140deg, #131a14 0%, var(--law-ink) 45%, var(--law-ink-2) 100%); }
.bg-gold     { background-color: var(--law-gold); }
.text-ink    { color: var(--law-ink); }
.text-gold   { color: var(--law-gold); }
.text-cream  { color: var(--law-cream); }
.border-gold { border-color: var(--law-gold); }

/* 골드 버튼 */
.btn-gold { background-color: var(--law-gold); color: var(--law-ink); border: 0; }
.btn-gold:hover { background-color: var(--law-gold-2); color: var(--law-ink); }

/* 골드 상단 악센트 라인 (카드/섹션) */
.gold-top { position: relative; }
.gold-top::before{
  content:""; position:absolute; left:0; top:0; height:3px; width:100%;
  border-top-left-radius: inherit; border-top-right-radius: inherit;
  background: linear-gradient(90deg, var(--law-gold), rgba(194,163,90,0) 75%);
}

/* 골드 헤어라인 */
.gold-rule { display:block; height:2px; width:56px; background: var(--law-gold); }

/* 고급 호버 리프트 */
.lift { transition: transform .25s ease, box-shadow .25s ease; }
.lift:hover { transform: translateY(-4px); box-shadow: 0 22px 45px -20px rgba(0,0,0,.45); }

/* 헤딩 트래킹 */
.head-display { letter-spacing:-0.01em; }

/* =========================================================
   밀리터리 패션 — 알록달록 컬러 + 카모(위장) 배경
   ========================================================= */
:root{
  --mil-olive:   #6b8e23;
  --mil-coyote:  #8a6d3b;
  --mil-blaze:   #e8590c;
  --mil-mustard: #d4a017;
  --mil-sage:    #7f9a6e;
  --mil-forest:  #2f4f2f;
}

/* 카모 배경: 연한 카키 위에 다색 얼룩이 타일로 반복 */
.bg-camo{
  background-color: var(--law-canvas);
  background-image:
    radial-gradient(ellipse 120px 90px  at 18% 22%, rgba(107,142,35,.30), transparent 60%),
    radial-gradient(ellipse 110px 85px  at 72% 18%, rgba(138,109,59,.26), transparent 60%),
    radial-gradient(ellipse 130px 100px at 55% 62%, rgba(47,79,47,.22),  transparent 62%),
    radial-gradient(ellipse 100px 80px  at 30% 82%, rgba(127,154,110,.26),transparent 60%),
    radial-gradient(ellipse 90px 70px   at 88% 76%, rgba(212,160,23,.20), transparent 60%);
  background-size: 380px 380px;
}

/* 컬러 아이콘 박스 */
.ic-olive   { background-color: var(--mil-olive); }
.ic-coyote  { background-color: var(--mil-coyote); }
.ic-blaze   { background-color: var(--mil-blaze); }
.ic-mustard { background-color: var(--mil-mustard); }
.ic-sage    { background-color: var(--mil-sage); }
.ic-forest  { background-color: var(--mil-forest); }

/* 컬러 텍스트 */
.tc-olive   { color: var(--mil-olive); }
.tc-blaze   { color: var(--mil-blaze); }
.tc-mustard { color: var(--mil-mustard); }

/* 카드 상단 컬러 캡 (--cap 으로 색 지정) */
.cap { position: relative; }
.cap::before{
  content:""; position:absolute; left:0; top:0; height:4px; width:100%;
  border-top-left-radius: inherit; border-top-right-radius: inherit;
  background: var(--cap, var(--law-gold));
}
.cap-olive   { --cap: var(--mil-olive); }
.cap-coyote  { --cap: var(--mil-coyote); }
.cap-blaze   { --cap: var(--mil-blaze); }
.cap-mustard { --cap: var(--mil-mustard); }
.cap-sage    { --cap: var(--mil-sage); }
.cap-forest  { --cap: var(--mil-forest); }