/* ==========================================================================
   WPFlow brand layer — site-wide identity (Pretendard + Toss-blue accent)
   Loaded after the theme's main stylesheet so it wins. Scoped to keep the
   article body to the wpflow Blog Kit plugin; this file owns the chrome
   (header, nav, footer, home, archive) and the global type system.
   ========================================================================== */

/* Self-hosted Pretendard Variable (bundled with the theme, no external CDN). */
@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard/PretendardVariable.woff2") format("woff2-variations"),
       url("../fonts/pretendard/PretendardVariable.woff2") format("woff2");
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}

:root {
  --wpflow-font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --wpflow-accent: #3182f6;
}

/* ----- Global typography: Pretendard everywhere ----- */
body,
button,
input,
select,
optgroup,
textarea,
h1, h2, h3, h4, h5, h6,
.site-title,
.main-navigation,
.menu,
.widget,
.entry-title,
.blogsy-btn,
.wp-block-button__link {
  font-family: var(--wpflow-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  letter-spacing: -0.02em;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
  letter-spacing: -0.03em;
}

/* ----- Accent reinforcement (links / focus) ----- */
a:hover,
a:focus {
  color: var(--wpflow-accent);
}