/* The one site palette: neutral grays with a deep blue accent, kept apart from the green used for 「적합」.
   The main page inlines this file at build time; PHP pages and the consulting pages load it after their own stylesheet.
   Each value is given under every name the three stylesheets use (--surface/--panel, --ink/--fg, --warn/--warn-fg, ...). */
:root{
  --bg:#F7F8FA; --surface:#FFFFFF; --panel:#FFFFFF; --sunken:#F1F3F6; --ink:#191F28; --fg:#191F28; --muted:#5F6B7A; --line:#E5E8EB;
  --accent:#1E4FA3; --accent-ink:#FFFFFF; --accent-fg:#FFFFFF; --accent-soft:#EAF0FA;
  --ok:#17784A; --ok-fg:#17784A; --ok-bg:#E6F4EC;
  --warn:#9A5A00; --warn-fg:#9A5A00; --warn-bg:#FFF3DC; --warn-line:#F3D9A4;
  --bad:#C0271F; --bad-fg:#C0271F; --bad-bg:#FDECEB;
  --info:#1E4FA3; --info-bg:#EAF0FA;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1318; --surface:#171C23; --panel:#171C23; --sunken:#1D232B; --ink:#E6E9EE; --fg:#E6E9EE; --muted:#9AA4B1; --line:#2A313B;
  --accent:#8FB2F2; --accent-ink:#0B1A33; --accent-fg:#0B1A33; --accent-soft:#1A2740;
  --ok:#6CD198; --ok-fg:#6CD198; --ok-bg:#142E1F;
  --warn:#EDBB57; --warn-fg:#EDBB57; --warn-bg:#31260E; --warn-line:#5C4718;
  --bad:#FF8A7F; --bad-fg:#FF8A7F; --bad-bg:#3A1917;
  --info:#8FB2F2; --info-bg:#1A2740;
  color-scheme:dark}}
/* The logo comes as a light and a dark file; only the one matching the scheme is shown. */
.logo{display:block;height:32px;width:auto;flex:none}
.logo-dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}}
:root[data-theme="dark"] .logo-light{display:none}
:root[data-theme="dark"] .logo-dark{display:block}
:root[data-theme="dark"]{
  --bg:#0F1318; --surface:#171C23; --panel:#171C23; --sunken:#1D232B; --ink:#E6E9EE; --fg:#E6E9EE; --muted:#9AA4B1; --line:#2A313B;
  --accent:#8FB2F2; --accent-ink:#0B1A33; --accent-fg:#0B1A33; --accent-soft:#1A2740;
  --ok:#6CD198; --ok-fg:#6CD198; --ok-bg:#142E1F;
  --warn:#EDBB57; --warn-fg:#EDBB57; --warn-bg:#31260E; --warn-line:#5C4718;
  --bad:#FF8A7F; --bad-fg:#FF8A7F; --bad-bg:#3A1917;
  --info:#8FB2F2; --info-bg:#1A2740;
  color-scheme:dark}
/* The footer sits in the middle of the page, with the sister site after the notice link. */
.site-foot .wrap{justify-content:center;text-align:center}
.site-foot .foot-sister{flex-basis:100%}
.site-foot .foot-sister a{color:var(--accent);font-weight:600;text-underline-offset:2px}
/* The same footer under the pages outside the screening screen (dist/_site-footer.html). */
.site-foot.sf-page{border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);margin-top:48px}
.site-foot.sf-page .wrap{display:flex;gap:12px;flex-wrap:wrap;align-items:center;max-width:1240px;margin:0 auto;padding:14px 16px}
.site-foot.sf-page a.linkish{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}