/* ============================================================================
   theme-c.css — C 다크 모노 클린 (Design System 03)
   ============================================================================
   @version   1.1.0
   @updated   2026-09-07
   @shared    복제사이트 공용 파일 — 여기서 고치면 다른 사이트에도 이식해야 한다

   색 토큰만 담는다. 컴포넌트는 theme-base.css 가 갖는다.
   값의 출처는 docs/design/design_system_03-dark-mono-clean.md 의 :root 다.

   이름은 다크지만 배경은 밝다(#fbfbfc). 검정을 브랜드 색으로 쓰는 라이트 테마이고, 링크만 파랑이다.

   [이 파일에서 정한 값(원본에 없던 것)]
   --color-primary-light · --color-primary-soft-hover · --color-surface-soft · --color-bg-light · --color-text-light · --color-placeholder · --color-link-dark · --color-warning-bg · --color-sold · --shadow-md/lg · --radius-sm/lg/pill

   ⚠️ --color-accent / --color-accent-dark 는 **일부러 정의하지 않는다.**
      bugo-public.css 의 호실 텍스트가 흰색 폴백에 기대고 있어, 전역에 값을 주면
      어두운 빈소 머리글 위 위계가 무너진다. 금색 계열은 theme-base.css 의
      .fw-senders-section 안에서만 정의한다.
   ============================================================================ */

:root {
    /* ── 배경·표면 ── */
    --color-bg:             #fbfbfc;
    --color-bg-light:       #f2f3f6;
    --color-white:          #ffffff;
    --color-surface-soft:   #f4f5f7;
    --color-surface-mute:   #eceef2;

    /* ── 브랜드 ── */
    --color-primary:        #111317;
    --color-primary-light:  #2a2d33;
    --color-primary-dark:   #000000;
    --color-primary-rgb:    17, 19, 23;
    --color-on-primary:     #ffffff;

    /* ── 브랜드 파생 (버튼·뱃지 배경과 테두리) ── */
    --color-primary-soft:        #eceef2;
    --color-primary-soft-hover:  #e2e5ea;
    --color-primary-soft-border: #d4d6dd;
    --color-primary-border:      #a2a5ac;

    /* ── 정책 문서·배너용 파생 ── */
    --color-accent-deep:    var(--color-primary);
    --color-accent-text:    var(--color-text);

    /* ── 텍스트 ── */
    --color-text:           #0c0d10;
    --color-text-light:     #4a4d55;
    --color-text-muted:     #71757e;
    --color-placeholder:    #a2a5ac;

    /* ── 링크 ── */
    --color-link:           #2563eb;
    --color-link-dark:      #1d4ed8;

    /* ── 테두리 ── */
    --color-border:         #d4d6dd;
    --color-border-light:   #eceef2;

    /* ── 시맨틱 ── */
    --color-danger:         #ef4444;
    --color-warning:        #f59e0b;
    --color-warning-bg:     #fef3c7;
    --color-success:        #16a34a;
    --color-sold:           #64748b;
    --color-disabled-bg:    #e6e7ea;
    --color-disabled-text:  #a2a5ac;

    /* ── 그림자 ── */
    --shadow-sm:  0 1px 2px rgba(16, 18, 24, 0.04), 0 6px 24px rgba(16, 18, 24, 0.05);
    --shadow-md:  0 4px 10px rgba(16, 18, 24, 0.06), 0 12px 36px rgba(16, 18, 24, 0.08);
    --shadow-lg:  0 10px 24px rgba(16, 18, 24, 0.10), 0 24px 60px rgba(16, 18, 24, 0.12);

    /* ── 모서리 ── */
    --radius-sm:   12px;
    --radius-md:   16px;
    --radius-lg:   20px;
    --radius-pill: 30px;

    /* ── 타이포 스케일 ── */
    --fs-xs:  12px;
    --fs-sm:  13px;
    --fs-md:  14px;
    --fs-lg:  15px;
    --fs-xl:  16px;
    --fs-2xl: 18px;
    --fs-3xl: 22px;
    --fs-4xl: 28px;
    --fs-5xl: 32px;
    --fs-hero: 42px;

    /* ── 글꼴 ── */
    --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    --font-heading: var(--font-sans);
}


/* ============================================================================
   레이아웃 토큰 매핑 (--lp-*) — 2026-09-07 추가
   ============================================================================
   랜딩(홈)이 쓰는 토큰 계약이다. 위의 --color-* 는 부고장 화면들이 쓰고, 이 34개는
   **랜딩 전용**이다. 둘은 이름이 겹치지 않으므로 서로 간섭하지 않는다.

   ■ 왜 따로 두나
     랜딩마다 색을 받는 이름이 제각각이라(3호는 --ds-*, 4·5호는 리터럴 하드코딩)
     구조를 바꾸면 색이 안 따라왔다. 아홉 색이 **같은 이름 34개를 빠짐없이** 채우게
     만드는 것이 해결책이고, 그 계약이 이것이다.

   ■ 값의 출처 (사람이 옮긴 값이다 — 여기서 새로 만들지 말 것)
     {OneDrive}\WEB\Projects\docs\design\layouts\tokens\theme-c.css
     계약 정본: docs/design/layouts/LAYOUT-TOKEN-CONTRACT.md

   ⚠️ **34개를 하나라도 빼지 말 것.** CSS 변수는 없어도 에러가 안 난다 —
      배경이면 transparent, 색이면 부모 색으로 조용히 떨어진다.
      확인은 눈이 아니라 docs/design/layouts/check-layout.mjs 로 한다.

   ⚠️ 1호(freebugo.co.kr)는 이 파일을 **로드하지 않는다.** site.php 에 theme_palette
      키가 없어 theme-cokr.css 한 장으로 가기 때문이다(2026-09-07 실측).
   ============================================================================ */

:root {
  --lp-scheme:light;
  --lp-accent:#111317; --lp-accent-dark:#000000; --lp-accent-soft:#eceef2;
  --lp-on-accent:#ffffff; --lp-accent-text:#111317; --lp-accent-alt:#2563eb;
  --lp-bg:#fbfbfc; --lp-bg-alt:#f2f3f6; /* 파생 */ --lp-surface:#ffffff; --lp-surface-2:#eceef2;
  --lp-ink:#111317; --lp-on-ink:#ffffff;
  --lp-text:#0c0d10; --lp-text-soft:#4a4d55; /* 파생 */ --lp-text-muted:#71757e;
  --lp-border:#d4d6dd; --lp-border-soft:#eceef2;
  --lp-success:#16a34a; --lp-warning:#f59e0b; --lp-danger:#ef4444;
  --lp-radius-sm:12px; /* 파생 */ --lp-radius-md:16px; --lp-radius-lg:20px; /* 파생 */ --lp-radius-pill:999px;
  --lp-shadow:0 1px 2px rgba(16,18,24,.04),0 6px 24px rgba(16,18,24,.05);
  --lp-shadow-lift:0 10px 36px rgba(16,18,24,.10); /* 파생 */
  --lp-focus:0 0 0 3px rgba(37,99,235,.18); /* 파생 */
  --lp-font-heading:"Pretendard","Noto Sans KR",system-ui,-apple-system,'Malgun Gothic',sans-serif;
  --lp-font-body:"Pretendard","Noto Sans KR",system-ui,-apple-system,'Malgun Gothic',sans-serif;
  --lp-container:1200px; --lp-nav-height:88px; --lp-section-gap:104px; --lp-section-gap-mobile:64px;
}