/* base.css — original/index.html の2つ目の <style> をそのまま移植。
   :root のアセットURLだけは PHP 側(functions.php)から wp_add_inline_style で注入する。 */
html{scroll-behavior:smooth}
  html{background:#1A1917}
  body{margin:0;background:#1A1917;color:#2A2824;font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}
  a{color:#A67C1A;text-decoration:none}
  a:hover{color:#8A6415}
  summary{list-style:none;cursor:pointer}
  summary::-webkit-details-marker{display:none}
  #hero-bg-m{display:block}
  #hero-bg-d{display:none}
  @media (min-width:768px){
    #hero-bg-m{display:none}
    #hero-bg-d{display:block}
  }
  @keyframes heroSettle{
    from{opacity:0;transform:translateY(24px)}
    to{opacity:1;transform:translateY(0)}
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    *{animation:none !important;transition:none !important}
  }