/* cafe777 typography, 2026-09-16. Font sources and licenses: NOTICES.txt. */
@font-face { font-family:'Pretendard Variable'; src:url('./PretendardVariable.woff2') format('woff2'); font-style:normal; font-weight:45 920; font-display:swap; }
@font-face { font-family:'Gmarket Sans'; src:url('./GmarketSansMedium.woff') format('woff'); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:'Gmarket Sans'; src:url('./GmarketSansBold.woff') format('woff'); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:'Chosun Ilbo Myungjo'; src:url('./Chosunilbo_myungjo.woff') format('woff'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Cafe24 Ssurround Air'; src:url('./Cafe24SsurroundAir.woff') format('woff'); font-style:normal; font-weight:400; font-display:swap; }

:root {
  --bps-font-body:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;
  --bps-font-display:'Gmarket Sans',var(--bps-font-body);
  --bps-display-weight:700;
}

/* This first cascade layer makes the current font policy win over legacy skin
   !important declarations and normal inline font styles, without altering size. */
@layer cafe777-typography {
  [data-fskin='classic'], [data-kskin='sand'] {
    --bps-font-display:'Chosun Ilbo Myungjo',var(--bps-font-body);
    --bps-display-weight:400;
  }
  [data-kskin='kurly'], [data-kskin='herb'] {
    --bps-font-display:'Cafe24 Ssurround Air',var(--bps-font-body);
    --bps-display-weight:400;
  }
  :root, body, [data-fskin], [data-kskin], .bp-join, .journal {
    --body:var(--bps-font-body)!important;
    --lat:var(--bps-font-body)!important;
    --kfont:var(--bps-font-body)!important;
    --jbody:var(--bps-font-body)!important;
    --jlat:var(--bps-font-body)!important;
    --jn-serif:var(--bps-font-body)!important;
    --rk-num:var(--bps-font-body)!important;
    --disp:var(--bps-font-display)!important;
  }
  html, body, body *, body *::before, body *::after,
  input::placeholder, textarea::placeholder, input::file-selector-button {
    font-family:var(--bps-font-body)!important;
  }
  body :is(h1,h2,.sh,.ten,.mast,.khero .ken,.hero-ov .en),
  body :is(h1,h2,.sh,.ten,.mast,.khero .ken,.hero-ov .en) * {
    font-family:var(--bps-font-display)!important;
    font-weight:var(--bps-display-weight)!important;
    font-synthesis:none;
  }
}

/* The published site typography is shared by every mall page and legacy skin. */
@layer cafe777-typography {
  [data-smart-design], [data-smart-design] body, [data-smart-design] [data-fskin], [data-smart-design] [data-kskin], [data-smart-design] .journal {
    --bps-font-body:var(--smart-font-body);
    --bps-font-display:var(--smart-font-heading);
    --bps-display-weight:var(--smart-heading-weight);
  }
}