@font-face {
  font-family:Ahamono; src:url('/assets/ahamono.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}

:root {
  --bg:#f7f8f4; --text:#171d19; --muted:#626d64;
  --accent:#00ce60; --accent-ink:#08753b; --logo-filter:invert(1);
  --font-mono:Ahamono,monospace;
  --font-body:'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  background:var(--bg); color:var(--text); color-scheme:light;
  font-family:var(--font-body); font-synthesis:none;
}
:root[data-theme='dark'] {
  --bg:#080a09; --text:#f5f7f2; --muted:#a4aea6;
  --accent:#00f56e; --accent-ink:#00f56e; --logo-filter:none;
  color-scheme:dark;
}
* { box-sizing:border-box; }
body { margin:0; min-width:320px; min-height:100svh; background:var(--bg); }
a { color:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; cursor:pointer; }
button:focus-visible,a:focus-visible { outline:2px solid var(--accent-ink); outline-offset:6px; }
::selection { background:var(--accent); color:#07150d; }

.skip-link {
  position:fixed; left:20px; top:16px; z-index:1; padding:12px;
  background:var(--accent); color:#07150d; transform:translateY(-200%);
}
.skip-link:focus { transform:translateY(0); }
.brand { display:inline-block; }
.brand img { display:block; width:232px; height:auto; filter:var(--logo-filter); }
.theme-toggle {
  position:absolute; top:30px; right:48px;
  display:grid; place-items:center; width:44px; height:44px; padding:10px;
  border:0; background:transparent; color:var(--muted);
}
.theme-toggle:hover { color:var(--text); }
.theme-toggle svg {
  width:17px; height:17px; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;
}
.theme-sun,:root[data-theme='dark'] .theme-moon { display:none; }
:root[data-theme='dark'] .theme-sun { display:block; }

main {
  min-height:100svh;
  padding:88px 24px;
  display:grid; place-items:center; text-align:center;
}
main:focus { outline:none; }
.landing { width:100%; max-width:760px; }
.contact {
  display:flex; flex-direction:column; align-items:center; margin-top:32px;
}
.contact-email,.contact-phone {
  display:inline-flex; align-items:center; min-height:44px;
  font:18px/1.5 var(--font-mono); text-decoration:none;
  text-underline-offset:5px;
}
.contact-email:hover,.contact-phone:hover { color:var(--accent-ink); text-decoration:underline; }

@media(max-width:600px) {
  .theme-toggle { top:22px; right:24px; }
  .brand img { width:174px; }
  .contact-email,.contact-phone { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}